El uso de parallax scrolling está en la línea de sustituir Flash por otras tecnologías que permitan incluir efectos visuales. Se trata de un efecto que genera la ilusión de estar visualizando un espacio en tres dimensiones utilizando imágenes distribuidas en capas que se mueven a un ritmo diferente.
Para implementarlo se pueden recurrir a trucos CSS o utilizar plugins jQuery como Spritely. Su utilización puede ser más efectiva incluyéndolo como un elemento secundario en nuestro diseño , por ejemplo, como un encabezado o pie de página o como fondo de la misma.
<li />.<ul id="parallax"><li></li><li></li></ul>
- demos/index.html
- demos/stalkbuttons.html - multiple parallax.
- demos/remotecontrol.html - parallax by remote control.
- demos/thumbnails.html - beautiful interactive thumbnails.
- demos/target.html - demonstrates how smoothly jParallax handles window resizing.
Instalación
Para instalar parallax, deberemos tener informar, mediante tags<script /> en nuestro
<head />el fichero dejquery-x.y.z.min.jsy el dejquery.jparallax.js<script type="text/javascript" src="js/jquery-1.2.6.min.js"></script><script type="text/javascript" src="js/jquery.dimensions.pack.js"></script><script type="text/javascript" src="js/jquery.jparallax.js"></script>
Funcionamiento
jQuery('#parallax').jparallax(options);
jQuery() y encadenamos el método jparallax() al que le podemos pasar una serie de parámetros.
.png "English"){kind=small}
0 comentarios:
¡Gracias por dejar tu opinión! Por favor procura que tus comentarios estén dentro de tema, que no sean promocionales (spam), ilegales u ofensivos, de otro modo, serán borrados.