Quantcast
Channel: Javascript – Develoteca
Viewing all articles
Browse latest Browse all 124

jQuery ScrollBox para mostrar imágenes o texto de forma elegante

$
0
0

jQuery ScrollBox para mostrar imágenes o texto de forma elegante, aunque muchas veces podemos mostrar listas o grupos de contenido, siempre hay una opción que nos permite mejorar dicha presentación de imágenes, bueno pues jQuery ScrollBox es una alternativa que te puede resultar interesante.

Tan solo tienes que mires cuidadosamente este plugin para que puedas imaginar en que proyecto usarlo, los ejemplos son claros y los puedes encontrar en la siguiente dirección: http://wmh.github.io/jquery-scrollbox/ 

Algunos ejemplos usan imágenes para mostrar el potencial de este plugin y otros ejemplos usan contenido que se mueve de un lado a otro, tomate la libertad de usar este plugin en cualquier código siempre y cuando este se encuentre en una etiqueta ul como se indica en el siguiente ejemplo:



<ul>

<li>item 1</li>


<li>item 2</li>


<li>item 3</li>

</ul>



1.- Para la implementación solo necesitas incluir el siguiente código:



<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="jquery.scrollbox.js"></script>

2.- El etiquetado html con el contenido:



<div id="demo" class="scroll-text">

<ul>

<li>item 1</li>


<li>item 2</li>


<li>item 3</li>

</ul>

</div>


3.- Crear el código para hacer la referencia:


$('#demo').scrollbox();

4.- Utiliza las opciones que aparecen en el sitio del autor: http://wmh.github.io/jquery-scrollbox/ 

The post jQuery ScrollBox para mostrar imágenes o texto de forma elegante appeared first on Develoteca.


Viewing all articles
Browse latest Browse all 124

Trending Articles