La idea principal es tener un menú de álbumes en el que cada elemento se muestran una barra horizontal con miniaturas cuando se hace clic. El contenedor de imágenes en miniatura se desplazará automáticamente cuando el usuario mueve el ratón hacia la izquierda o la derecha.Cuando se hace clic en una miniatura que será cargada como una previsualización de la imagen completa en el fondo de la página. También tendremos un contenedor de texto para uno de los elementos de menú.

Create a SSD Virtual Server with DigitalOcean , using this link you get $100 FREE

digital ocean

En este tutorial vamos a crear un menú fijo con imagenes desplazables. La idea es tener un menú fijo a la parte inferior de la página y dejar una pila vertical de pequeñas imagenes que aparecen cuando se pasa el mouse sobre un elemento de menú. Las imagenes se puede recorrer moviendo el ratón hacia arriba y hacia abajo lo que hace un efecto realmente bonito. Vamos a añadir algunas propiedades CSS3 para llamar un poco mas la atención

Bootstrap es el kit de herramientas de Twitter diseñada para empezar el desarrollo de cualquier proyecto

Script que provee flexibilidad a los checkbox y radio button de manera de poder aplicarles un estilo mas elegante

Esta increible librería javascript le permite manipular y formatear números de manera muy fácil.

Diseñado para ver fotos de tamaño completo y las imágenes en línea sin necesidad de una carga de páginas web independientes

MopBox es un cuadro estilo tooltip arrastrable que puede contener divs, imagenes peliculas flash , video etc

Transforme una vista panoramica en un tour virtual usando esta extensión de jQuery

El más popular y flexible plugin para embeber peliculas flash en tus páginas web

Recreación del efecto sugerencia de busqueda de la página mac. Al introducir caracteres, se produce una llamada ajax que trae del server datos que completan el texto que se esta escribiendo.

Script que permite Mostrar fotos con efecto de transición entre una y otra.

Loading ...

Ultimos Comentarios

jhonydepp dijo:

excelente recurso gracias por compartirlo

monipodio dijo:

Tu pagina es un horror,... o no es compatible con Chrome, no pude ver absolutamente nada, ni código fuente ni demostrativo. ...

candy neyra dijo:

como puedo obtener el codigo para implementar

Ramesh Sampangi dijo:

Really nice post. I liked it. Keep sharing some more posts again quickly! <a href="https://aipatasala.com/courses/DS@HYD/Data-Science-Course-in-Hyderabad">Data ...

teja aswani dijo:

This is a well-written article. I read the material and found it to be extremely beneficial. Thank you for sharing this information. ...

Artificial Intelligence course in Chennai dijo:

I really enjoy every part and have bookmarked you to see the new things you post. Well done for this excellent article. Please ...

AWS Training in Hyderabad dijo:

Excellent pieces. Keep posting such kind of info on your blog. I?m really impressed by your site. <a href="https://www.kellytechno.com/Hyderabad/Course/amazon-web-services-training">AWS ...

www.amazon.com/mytv dijo:

<a href="https://sites.google.com/view/avgcomenusactivation/" rel="dofollow">avg.com/retail</a> <a ...

Brajput123 dijo:

<a href="https://www.amzoncamzon.com/"> Amazon.com mytv </a> - you merely unboxed a fresh ...

Traductor de ingles a español