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
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.
Ultimos Comentarios
jhonydepp dijo:
excelente recurso gracias por compartirlo
rty dijo:
rty
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 ...