Buenas, estoy intentando hacer una "caja" en mi web con 3 pestañas, que ya he conseguido hacer, pero me gustaria que estas pestañas fueran cambiando de posicion hasta que el usuario elija una. Es decir al abrir la web se vea la pestaña 1 y en X segundos pase a la dos, despues la 3 y vuelta a la 1.
Para hacer el sistema de pestañas he pillado como ejemplo la siguiente web:
http://css-tricks.com/examples/OrganicTabs/
Habria cambiar la parte en la que se activa y se enseña la primera pestaña pero no se bien como.
<script type="text/javascript">
jQuery.noConflict();
jQuery(document).ready(function() { //When page loads...
jQuery(".tab_content").hide(); //Hide all content
jQuery("ul.tabs li:first").addClass("active").show(); //Activate first tab
jQuery(".tab_content:first").show(); //Show first tab content
//On Click Event
$("ul.tabs li").click(function() {
$("ul.tabs li").removeClass("active"); //Remove any "active" class
$(this).addClass("active"); //Add "active" class to selected tab
$(".tab_content").hide(); //Hide all tab content
var activeTab = $(this).find("a").attr("href"); //Find the rel attribute value to identify the active tab + content
$(activeTab).fadeIn(); //Fade in the active content
return false;
});
});
</script>
Muchas gracias!
