Este script puede resultar muy útil para utilizarlo en los menús de vuestras webs, así como en imágenes o presentaciones.

Si que es cierto que hay implementado bastantes scripts pero con la utilización de Mootools.

Este script se ajusta automáticamente al número de elementos del acordeón y sus dimensiones.

El script lo trataremos como una lista desordenada como en el ejemplo que podéis ver a continuación:

HTML:
  1. <ul id="sm" class="sm">
  2.     <li><img src="images/1.gif" /></li>
  3.     <li><img src="images/2.gif" /></li>
  4.     <li><img src="images/3.gif" /></li>
  5.     <li><img src="images/4.gif" /></li>
  6. </ul>

Para construir el acordeón tendremos que llamar a la función después del onload.
slideMenu.build('sm',200,10,10,1)

  • ‘SM’ -- El primer parámetro es el identificador de la lista desordenada al que quieres llamar.
  • 200 -- El segundo es el ancho que le quieres dar al acordeón de selección para ampliar.
  • 10 -- El tercero es el tiempo variable para controlar la velocidad.
  • 10 -- El cuarto es la velocidad del acordeón siendo 1 el más rápido.
  • 1 -- El último es opcional y es el número del acordeón que quieres que sea cargado en el inicio.

El Script según el autor, ha sido probado en IE6, IE7, Firefox, Opera y Safari. Para cualquier pregunta enviarlo a michael@leigeber.com (el autor). Además se puede utilizar libremente el script en cualquier proyecto personal o comercial.

Ver ejemplo
Descárgatelo aquí.

Posts Relacionados