Monteserin Gallery
Sencilla y ligera Galería de fotos estilo carrusel hecha con jQuery.
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="monteserinGallery.js"></script>
<script type="text/javascript" >
$(function(){
$(".monteserinGallery").monteserinGallery();
});
</script>
<ul class="monteserinGallery">
<li><img src="http://lorempixel.com/600/300"></li>
<li><img src="http://lorempixel.com/600/300"></li>
</ul> Ver Demo y documentación – Descarga.
Monteserín slider
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="monteserinSlider.js"></script>
<script type="text/javascript" >
$(function(){ $("#monteserinSlider1").monteserinSlider();
$("#monteserinSlider2").monteserinSlider({
fadeInTime:500,
fadeOutTime:500,
waitTime:5000
});
});
</script>
<ul id="monteserinSlider1" class="monteserinSlider">
<li>Ok</li>
<li>this is the Monteserin Slider</li>
<li>...so...</li>
<li>is great, yeah?</li>
<li>happy you appreciate it</li>
</ul>
Si el slider que usamos va a cargar fotografías, para evitar que inicialmente se vean en una posición que no es la que corresponde, podemos asignarle el estilo display:none al li que contiene dicha imágen.