Fichas de producto con varias imágenes

Iniciado por Linton, 24 Febrero 2014, 19:36 PM

0 Miembros y 1 Visitante están viendo este tema.

Linton

Estoy haciendo una web de tartas y dulces, y quiero que cada receta tenga una ficha de producto, más o menos como se muestra abajo.

La foto se agranda al pulsar encima. Lo que quiero es que haya dos fotos en cada ficha, la tarta completa y la porción. Algo como en las webs de ropa, donde se ve por ejemplo la ficha de una camiseta con varios colores del mismo modelo, que se presentan con viñetas en miniatura bajo la foto titular, y cada una se puede agrandar. ¿Cómo recomendáis que lo haga?
Gracias, un saludo.


alan++

Yo haria una botonera debajo de la imagen con imagenes en miniatura de la porcion, y que en caso de hacer click reemplace a la imagen grande... (tambien podrias animar el paso de los cuadritos automaticamente con el respectivo cambio de imagen grande)

Creo que con algo de css y jquery no deberia darte problemas

Linton

¡Gracias!  :)

¿Y sin jQuery, que está desaconsejado en dispositivos móviles? ¿No bastará con javascript? Un saludo.

alan++

Obviando jquery optaria por una animacion a traves de un keyframe en css, para visualizar todas las imagenes cada cierto tiempo...

Con respecto a jquery, aunque comprendo a lo que te referis con "desaconsejado" hay que tener en cuenta que tanto dispositivos moviles como conexiones de internet mejoran drasticamente en pequeños plazos, yo no me pararia en viejos paradigmas e intentaria tener un opinion actual, es decir, que lo hagas, veas si realmente se vuelve algo incomodo y a partir de alli decidas

Suerte!!!

Linton

¡Muchas gracias!  :) Tomo nota, a ver si lo saco. Un saludo, artista.