Auf Thema antworten 2026

Beitrag

<blockquote data-quote="bibifellow" data-source="post: 1704974" data-attributes="member: 117161">AW: tutorial jquery bilder scrollenIch habe es geändert aber ich sehe nur die ersten vier Bilder wenn ich den div vergrößere sehe ich nach einem Abstand die restlichen Bilder und es passiert bei dem Anklicken von links und rechts rein gar nichts.[HTML]&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Transitional//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&quot;&gt;&lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;&lt;head&gt;&lt;meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html; charset=UTF-8&quot; /&gt;&lt;script src=&quot;jquery.js&quot; type=&quot;text/javascript&quot;&gt;&lt;/script&gt;&lt;script src=&quot;jquery.tools.min.js&quot; type=&quot;text/javascript&quot;&gt;/* &lt;![CDATA[ */$(document).ready(function() {$(&quot;.scrollable&quot;).scrollable({speed: 700, circular: true});})/* ]]&gt;*/&lt;/script&gt;&lt;title&gt;Untitled Document&lt;/title&gt;&lt;/head&gt;&lt;body&gt;&lt;style type=&quot;text/css&quot;&gt;/* &lt;![CDATA[ */.scrollable {&nbsp; &nbsp; position:relative;&nbsp; &nbsp; overflow:hidden;&nbsp; &nbsp; width:680px;&nbsp; &nbsp; height:120px;&nbsp; &nbsp; border:1px solid #ccc;}.scrollable .items {&nbsp; &nbsp; width:20000em;&nbsp; &nbsp; position:absolute;&nbsp; &nbsp; clear:both;}.items div {&nbsp; &nbsp; float:left;&nbsp; &nbsp; width:680px;}.scrollable img {&nbsp; &nbsp; float:left;&nbsp; &nbsp; maragin:20px 5px 20px 21px;&nbsp; &nbsp; background-color:#fff;&nbsp; &nbsp; padding:2px;&nbsp; &nbsp; border:1px solid #ccc;}.scrollable {&nbsp; &nbsp; float:left;}a.disable {&nbsp; &nbsp; visibility:hidden !important;}/* ]]&gt;*/&lt;/style&gt;&lt;a class=&quot;prev browse left&quot; href=&quot;#&quot;&gt;links&lt;/a&gt;&lt;a class=&quot;next browse right&quot; href=&quot;#&quot;&gt;rechts&lt;/a&gt;&lt;div&gt;&lt;div class=&quot;scrollable&quot;&gt;&lt;div class=&quot;items&quot;&gt;&lt;div&gt;&lt;img src=&quot;bild1.jpg&quot; height=&quot;80px width=&quot;80px&quot;/&gt;&lt;img src=&quot;bild2.jpg&quot; height=&quot;80px width=&quot;80px/&gt;&lt;img src=&quot;bild3.jpg&quot; height=&quot;80px width=&quot;80px/&gt;&lt;img src=&quot;bild4.jpg&quot; height=&quot;80px width=&quot;80px/&gt;&lt;/div&gt;&lt;div&gt;&lt;img src=&quot;bild5.jpg&quot; height=&quot;80px width=&quot;80px/&gt;&lt;img src=&quot;bild6.jpg&quot; height=&quot;80px width=&quot;80px/&gt;&lt;img src=&quot;bild7.jpg&quot; height=&quot;80px width=&quot;80px/&gt;&lt;img src=&quot;bild8.jpg&quot; height=&quot;80px width=&quot;80px/&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/body&gt;&lt;/html&gt;[/HTML]Weiß wirklich nicht was verkehrt ist.</blockquote>

[QUOTE="bibifellow, post: 1704974, member: 117161"] [b]AW: tutorial jquery bilder scrollen[/b] Ich habe es geändert aber ich sehe nur die ersten vier Bilder wenn ich den div vergrößere sehe ich nach einem Abstand die restlichen Bilder und es passiert bei dem Anklicken von links und rechts rein gar nichts. [HTML]<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <script src="jquery.js" type="text/javascript"></script> <script src="jquery.tools.min.js" type="text/javascript"> /* <![CDATA[ */ $(document).ready(function() { $(".scrollable").scrollable({speed: 700, circular: true}); }) /* ]]>*/ </script> <title>Untitled Document</title> </head> <body> <style type="text/css"> /* <![CDATA[ */ .scrollable { position:relative; overflow:hidden; width:680px; height:120px; border:1px solid #ccc; } .scrollable .items { width:20000em; position:absolute; clear:both; } .items div { float:left; width:680px; } .scrollable img { float:left; maragin:20px 5px 20px 21px; background-color:#fff; padding:2px; border:1px solid #ccc; } .scrollable { float:left; } a.disable { visibility:hidden !important; } /* ]]>*/ </style> <a class="prev browse left" href="#">links</a> <a class="next browse right" href="#">rechts</a> <div> <div class="scrollable"> <div class="items"> <div> <img src="bild1.jpg" height="80px width="80px"/> <img src="bild2.jpg" height="80px width="80px/> <img src="bild3.jpg" height="80px width="80px/> <img src="bild4.jpg" height="80px width="80px/> </div> <div> <img src="bild5.jpg" height="80px width="80px/> <img src="bild6.jpg" height="80px width="80px/> <img src="bild7.jpg" height="80px width="80px/> <img src="bild8.jpg" height="80px width="80px/> </div> </div> </div> </body> </html> [/HTML] Weiß wirklich nicht was verkehrt ist. [/QUOTE]

Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.

Authentifizierung

Wenn ▲ = 5, ▼ = 2 und ■ = 7, was ist ▲ × ▼ + ■?