Monteserín jQuery Plugins

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ónDescarga.

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.

Ver DemoDescarga.