Posted in

Slider Jquery super sencillo

Slider para pasar divs super sencillo en 3 lineas.

// Si se usa una versión superior de jquery habrá que incluir el archivo migrate
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js' type='text/javascript'/></script>
o<script type="text/javascript">
                $(document).ready(function(){
                    $('#slider div:gt(0)').hide();
                    setInterval(function(){
                      $('#slider div:first-child').fadeOut(0)
                         .next('div').fadeIn(1000)
                         .end().appendTo('#slider');}, 4000);
                });                
            </script>
<div id="slider">
            <div>Hola</div>
            <div>Adeu</div>
            <div>Si</div>
        </div>

Deixa un comentari

L'adreça electrònica no es publicarà. Els camps necessaris estan marcats amb *


The reCAPTCHA verification period has expired. Please reload the page.