.post-body:first-letter { float:left; color: #333333; font-size:100px; font-family:none; line-height:80px; padding-top:1px; padding-right:5px; } font-style: italic; } span.letracapital{ float: left; font-size: 40px; line-height: 35px; /* Dobla el alto de linea menos 1 pixel */ font-family: Georgia, "Times New Roman", Times, serif; color: #2583ad; /* Azul */ padding-right: 5px; } -->

Recent Posts

Slider automático Jquery

16 nov 2020
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.




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>





2 / 6


No hay comentarios:

Publicar un comentario

Deja tu comentario y en breve te contestaremos