Gracias a uno de vuestros comentarios, concretamente uno de Eduardo Llaguno, llegué a la página de phatfusion, una web que te hace muy fácil incluir efectos increíbles sobre las fotografías que publicas en la web.
A mí, desde luego, la que más me llamó la atención fue slideshow. Con ella es muy fácil hacer cosas tan chulas como éstas…
¿Te gustaría mostrar fotos así en tu blog o web? Pues es muy sencillo, te indico cómo puedes hacerlo a continuación.
Lo primero que debes hacer es descargarte una serie de ficheros .js y .css (scripts y de estilo respectivamente) y a continuación basta con referenciar desde la web a estos ficheros e incluir un pequeño código JavaScript. Mejor te lo explico paso a paso:
- Descarga los ficheros slideshow.js, slideshow.css, backgroundSlider.js y mootools.js.
- Crea una carpeta y ubícalos allí.
- Descarga la siguiente página (slideshow.html), que he creado como ejemplo para que veas el funcionamiento.
- La web hace usa los citados ficheros, eso sí, ubicados en instalaches, por tanto deberás cambiar las referencias para que apunten a tus ficheros locales.
- Así mismo, las imágenes de la web apuntan a mis fotos de Flickr, si quieres que aparezcan otras fotos deberás cambiar las correspondientes líneas del .html.
- Por último cabe destacar que la sección de script que hace que todo esto funcione es la que empieza con la línea 20:
var obj = {
Espero que te haya gustado y resultado útil. Ahora te toca a ti probarlo con tus propias fotografías.
Si deseas más información puedes acceder a la página oficial del efecto: phatfusion - slideshow.
Enlaces de interés:
0 Comentarios ↓
Jaluro
¡Aprovecha y sé el primero en dejar uno!
Deja tu comentario
Por favor, no uses un lenguaje inapropiado, spam o cualquier otro tipo de conducta inadecuada. De lo contrario me reservo el derecho de eliminar y/o modificar aquellos comentarios que contengan algo de lo citado anteriormente.