Slider automático Jquery

Hoy vamos a mostrar como podemos poner un slider automático con Jquery e nuestras entradas de blog.

Para ello solo tenemos que irnos a nuestra entrada o página y en la edición HTML pegamos este código.

Modificamos las imágenes por las URL de las nuestras y ya la tenemos.

2 / 6

ver código

<div id="287DA" style="width:600px; height:500px; display:none;">
<img src="https://images-na.ssl-images-amazon.com/images/I/6138N4XfFbL._SL1001_.jpg">
<img src="https://images-na.ssl-images-amazon.com/images/I/51yc6mwJMhL._SL1001_.jpg">
<img src="https://images-na.ssl-images-amazon.com/images/I/61UIsPmOSdL._SL1001_.jpg">
<img src="https://images-na.ssl-images-amazon.com/images/I/61-7Z-rp1hL._SL1118_.jpg">
<img src="https://images-na.ssl-images-amazon.com/images/I/61a5KdwDhTL._SL1001_.jpg">
<img src="https://images-na.ssl-images-amazon.com/images/I/51I5tWuwTEL._SL1028_.jpg">
</div>
<script type="text/javascript" src="https://cdn.jsdelivr.net/jquery/1.12.3/jquery.min.js"></script>
<script>
 (MyGalleries=(typeof MyGalleries === 'undefined' ? [] : MyGalleries)).push({gallId:'#287DA',autoplay:true,lightbox:true,debug:false,popupLinks:true});
 if(typeof GalleryLoaded === 'undefined'){
  GalleryLoaded = jQuery(function(){
   jQuery.ajax({url:'https://cdn.jsdelivr.net/galleria/1.4.2/galleria.min.js',dataType:'script',cache:true}).done(function(){
    Galleria.loadTheme('https://cdn.jsdelivr.net/galleria/1.4.2/themes/classic/galleria.classic.js');
    for(var n in MyGalleries){
     Galleria.run(MyGalleries[n].gallId, MyGalleries[n]);
     jQuery(MyGalleries[n].gallId).css('display','block');
    }
   });
  });
 }
</script>