Blogger Recursos

Con BubbleUP, las imágenes en una lista se ampliará con una suave animación al mover el ratón sobre ella. Imagínese el efecto Mac Dock, aunque el efecto que este plugin no es impresionante como eso, es peso ligero para un efecto de zoom similar.

Características:

•     Su menú, se incrementarán en cualquier tamaño a través de la opción.

•     Puedes habilitar la descripción o no.

•     La descripción es personalizable por tipo de letra, tamaño y color.

•     La velocidad de la transición se puede controlar.

Si deseas ver un demo puedes visitar este sitio.

Asegúrese de que están aplicando ya la biblioteca jQuery. Recomendable del uso de jQuery alojados en Google.

<script src='ht tp://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js' type='text/javascript'/>

Ahora tiene que vincular el archivo Javascript para su página web. Para ello, usaremos el código:

<script type="text/javascript" src="www.tu-dominio.com/js/bubbleup.jquery.js"></script>

Para que el plugin trabaje, tenemos que usar el siguiente código. Usted puede insertar en cualquier lugar que desee, siempre que hay dentro de la o :

<script type="text/javascript"><br />$(function(){<br />    $("ul#menu li img").bubbleup();<br />});<br /></script>

Ya con estos pasos el plugin debería estar trabajando, solo tiene una desventaja de que no trabaja en IE 6 pero este navegador esta prácticamente obsoleto.

Descargar el Source BubbleUp

Via | aext.net