Foro de elhacker.net

Programación => Desarrollo Web => Mensaje iniciado por: Linton en 24 Febrero 2014, 19:36 pm



Título: Fichas de producto con varias imágenes
Publicado por: Linton en 24 Febrero 2014, 19:36 pm
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.

(http://i60.tinypic.com/s4n91x.jpg)


Título: Re: Fichas de producto con varias imágenes
Publicado por: alan++ en 26 Febrero 2014, 13:02 pm
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


Título: Re: Fichas de producto con varias imágenes
Publicado por: Linton en 26 Febrero 2014, 13:50 pm
¡Gracias!  :)

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


Título: Re: Fichas de producto con varias imágenes
Publicado por: alan++ en 27 Febrero 2014, 12:51 pm
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!!!


Título: Re: Fichas de producto con varias imágenes
Publicado por: Linton en 27 Febrero 2014, 13:16 pm
¡Muchas gracias!  :) Tomo nota, a ver si lo saco. Un saludo, artista.