Auf Thema antworten 2026

Beitrag

<blockquote data-quote="Jormungand" data-source="post: 2298196" data-attributes="member: 232651">AW: Album bei Slideshow wechselnDanke erstmal für den Tipp mit jQuery UI Tabs.Das werde ich mir mal zu Gemüte führen.Mit Thema meinte ich verschiedene Sets an Bildern, mir ist vorhin nur der Begriff nicht eingefallen._______________________________________________________Edit:Jetzt habe ich den FlexSlider mit den Tabs kombiniert. Ich kann die Tabs umschalten und im ersten Tab funktioniert auch meine Slideshow, aber im zweiten nicht.[CODE]&nbsp; &nbsp;&nbsp; &lt;!DOCTYPE html&gt;&lt;html&gt;&nbsp; &nbsp; &lt;head&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;title&gt;&lt;/title&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html; charset=UTF-8&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;link href=&quot;flexslider.css&quot; rel=&quot;stylesheet&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;script src=&quot;http://code.jquery.com/jquery-latest.min.js&quot; type=&quot;text/javascript&quot;&gt;&lt;/script&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;script src=&quot;http://code.jquery.com/ui/1.10.3/jquery-ui.js&quot;&gt;&lt;/script&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;script src=&quot;jquery.flexslider-min.js&quot; type=&quot;text/javascript&quot;&gt;&lt;/script&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;script&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; $(function() {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; $(&quot;#tabs&quot;).tabs();&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; });&nbsp; &nbsp; &nbsp; &nbsp; &lt;/script&gt;&nbsp; &nbsp; &lt;/head&gt;&nbsp; &nbsp; &lt;body&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;div id=&quot;tabs&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;ul&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;li&gt;&lt;a href=&quot;#tabs-1&quot;&gt;Nunc tincidunt&lt;/a&gt;&lt;/li&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;li&gt;&lt;a href=&quot;#tabs-2&quot;&gt;Proin dolor&lt;/a&gt;&lt;/li&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/ul&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div id=&quot;tabs-1&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div class=&quot;flexslider&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;ul class=&quot;slides&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;li&gt;&lt;img alt=&quot;&quot; src=&quot;img/1.jpg&quot; /&gt;&lt;/li&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;li&gt;&lt;img alt=&quot;&quot; src=&quot;img/2.jpg&quot; /&gt;&lt;/li&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;li&gt;&lt;img alt=&quot;&quot; src=&quot;img/3.jpg&quot; /&gt;&lt;/li&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/ul&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div id=&quot;tabs-2&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div class=&quot;flexslider&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;ul class=&quot;slides&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;li&gt;&lt;img alt=&quot;&quot; src=&quot;img/4.jpg&quot; /&gt;&lt;/li&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;li&gt;&lt;img alt=&quot;&quot; src=&quot;img/5.jpg&quot; /&gt;&lt;/li&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;li&gt;&lt;img alt=&quot;&quot; src=&quot;img/6.jpg&quot; /&gt;&lt;/li&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/ul&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;script type=&quot;text/javascript&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; // Can also be used with $(document).ready()&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; $(window).load(function() {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; $(&#039;.flexslider&#039;).flexslider({&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; animation: &quot;slide&quot;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; });&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; });&nbsp; &nbsp; &nbsp; &nbsp; &lt;/script&gt; &nbsp; &nbsp; &lt;/body&gt;&lt;/html&gt;[/CODE]Woran kann es liegen, dass es nicht geht?______________________________________________Edit2:Habe auch mal versucht, die zweite Galerie außerhalb des Tabs-Block zu platzieren. Da funktioniert sie einwandfrei. Hat noch wer Vorschläge, was man noch probieren kann?</blockquote>

[QUOTE="Jormungand, post: 2298196, member: 232651"] [b]AW: Album bei Slideshow wechseln[/b] Danke erstmal für den Tipp mit jQuery UI Tabs. Das werde ich mir mal zu Gemüte führen. Mit Thema meinte ich verschiedene Sets an Bildern, mir ist vorhin nur der Begriff nicht eingefallen. _______________________________________________________ Edit: Jetzt habe ich den FlexSlider mit den Tabs kombiniert. Ich kann die Tabs umschalten und im ersten Tab funktioniert auch meine Slideshow, aber im zweiten nicht. [CODE] <!DOCTYPE html> <html> <head> <title></title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <link href="flexslider.css" rel="stylesheet"> <script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script> <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script> <script src="jquery.flexslider-min.js" type="text/javascript"></script> <script> $(function() { $("#tabs").tabs(); }); </script> </head> <body> <div id="tabs"> <ul> <li><a href="#tabs-1">Nunc tincidunt</a></li> <li><a href="#tabs-2">Proin dolor</a></li> </ul> <div id="tabs-1"> <div class="flexslider"> <ul class="slides"> <li><img alt="" src="img/1.jpg" /></li> <li><img alt="" src="img/2.jpg" /></li> <li><img alt="" src="img/3.jpg" /></li> </ul> </div> </div> <div id="tabs-2"> <div class="flexslider"> <ul class="slides"> <li><img alt="" src="img/4.jpg" /></li> <li><img alt="" src="img/5.jpg" /></li> <li><img alt="" src="img/6.jpg" /></li> </ul> </div> </div> </div> <script type="text/javascript"> // Can also be used with $(document).ready() $(window).load(function() { $('.flexslider').flexslider({ animation: "slide" }); }); </script> </body> </html> [/CODE]Woran kann es liegen, dass es nicht geht? ______________________________________________ Edit2: Habe auch mal versucht, die zweite Galerie außerhalb des Tabs-Block zu platzieren. Da funktioniert sie einwandfrei. Hat noch wer Vorschläge, was man noch probieren kann? [/QUOTE]

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

Authentifizierung

Wenn ▲ = 7, ▼ = 3, ◇ = 2 und die Summe von ▲ und ▼ durch ◇ geteilt wird, was ist das Ergebnis?