Hallo zusammen,
ich habe die unten angegebene seite. Was ich davon gerne machen würde, ist das es die Tabs nach x sec durchläuft. Also nach 20 sec von tab1 zu tab2 und dann wieder nach 20 sec von tab2 zu tab3 und das selbe von tab3 zu tab1.
Ich hab schon ein paar sachen gefunden, aber beim Testen hat dies nie funktioniert.
Könnt ihr mir helfen?
Lg Tsubaru
ich habe die unten angegebene seite. Was ich davon gerne machen würde, ist das es die Tabs nach x sec durchläuft. Also nach 20 sec von tab1 zu tab2 und dann wieder nach 20 sec von tab2 zu tab3 und das selbe von tab3 zu tab1.
Ich hab schon ein paar sachen gefunden, aber beim Testen hat dies nie funktioniert.
Könnt ihr mir helfen?
Lg Tsubaru
Code:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"> </script> <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"> </script> <style type="text/css"> #demo-frame > div.demo { padding: 10px !important; } </style> <script> $(function() { $( "#tabs" ).tabs({ select: function( event, ui ) { $( "#slider" ).slider( "value", ui.index ); } }); }); </script> </head> <body style="font-size:62.5%;"> <div class="demo"> <div id="slider" style="width:100px"> </div> <div id="tabs"> <ul> <li><a href="#tabs-1">Tabelle 1</a></li> <li><a href="#tabs-2">Tabelle 2</a></li> <li><a href="#tabs-3">Tabelle 3</a></li> </ul> <div id="tabs-1"> <p>Text Tabelle 1.</p> </div> <div id="tabs-2"> <p>Text Tabelle 2.</p> </div> <div id="tabs-3"> <p>Text Tabelle 3.</p> </div> </div> </div> </body> </html>
Comment