jQuery Excolo Slider – Galería responsiva, touch.



Excelente plugin para galería responsiva muy buena para la creación de sitios, la manera de usarla es muy sencilla de tal forma que lo hace un poco más atractivo y legible.

 

Demo:http://excolo.github.io/Excolo-Slider/

Scripts obligatorios.


<script src="javascripts/jquery-1.9.1.min.js"></script>
<script src="javascripts/jquery.excoloSlider.min.js"></script>
<link href="stylesheets/jquery.excoloSlider.css" rel="stylesheet">

 

Listado de imágenes 
<span style="font-family: Georgia, 'Times New Roman', 'Bitstream Charter', Times, serif; font-size: 13px; line-height: 19px;"><div id="slider"></span></pre>
<img src="images/image1.jpg">
 <img src="images/image2.jpg">
 <img src="images/image3.jpg">
 <img src="images/image4.jpg" data-plugin-slide-caption="I am a caption <b>and I can contain HTML.</b>">
 <img src="images/image5.jpg">
 <img src="images/image6.jpg">
 <img src="images/image7.jpg">
 <img src="images/image8.jpg">
</div>

<span style="font-family: Consolas, Monaco, monospace; font-size: 12px; line-height: 18px;">

Función para modificar el listado de imagenes y pasar a una galería.


<code>$(</code><code>function</code> <code>() {</code>
<div><code>    </code><code>$(</code><code>"#slider"</code><code>).excoloSlider({</code></div>
<div><code>        </code><code>mouseNav: </code><code>false</code><code>,</code></div>
<div><code>        </code><code>interval: 5000, </code><code>// = 5 seconds</code></div>
<div><code>        </code><code>playReverse: </code><code>true</code></div>
<div><code>    </code><code>});</code></div>
<div><code>});</code></div>

 

 

You may also like...