Título: Cambiar la imagen de pendiendo la seleccionada Publicado por: Antoniio en 5 Agosto 2017, 22:31 pm Hola, buenas tardes. Tengo este sistema de cotización que encontré en internet:
http://cotizadorweb.com.mx/ Pero me gustaría saber cómo hago para abajo de la imagen del producto aparezcan varios colores (en imagen) y cuando se seleccione uno, la imagen de arriba cambie con el color seleccionado: (http://i.imgur.com/WHnKVeo.png) Algo así que si pone alfombra y selecciona el color rojo, cambie la imagen con una alfombra roja, y así para el resto, algo como lo que se hace aquí: http://www.persianasfarz.com/producto.php?prodId=16&cate=Enrollable Supongo que es como esto: Código: function sel_estilo(value) //lo que pasa cuando se selecciona un estilo Pero no se como hacer para aplicarlo ahora con colores y hacer que vaya cambiando la imagen... Un saludo !!. Título: Re: Cambiar la imagen de pendiendo la seleccionada Publicado por: xiruko en 5 Agosto 2017, 23:43 pm Hola, te doy una idea básica de cómo se haría con JQuery:
HTML imagen: Código
Supongamos que las fotos de las alfombras en varios colores se llaman asi: alfombra1_negra.jpg alfombra1_roja.jpg etc. HTML select: Código JS: Código
Espero que te dé una idea de cómo adaptarlo a tus necesidades. Saludos! Título: Re: Cambiar la imagen de pendiendo la seleccionada Publicado por: Antoniio en 10 Agosto 2017, 01:09 am Hola, gracias por responder. El problema es que son varios los productos que se seleccionan, y se tiene que hacer para cada uno de pendiendo cuál está seleccionado, este es: https://pastebin.com/kSJb4W76
cómo podría aplicarlo con distintos productos? Intenté hacerlo, quedó así: https://pastebin.com/MgzWEi45 Pero me marca error en la línea 48, alguna sugerencia? Exactamente esto quiero: https://jsfiddle.net/3bL3y03g/2/ Quiero juntarlo a este: https://pastebin.com/q1CLJQfp que vendría siendo este: http://cotizadorweb.com.mx/ para cuando se elija un producto aparezca debajo de su imagen el color, pero no puedo juntarlos.. Mod: No hacer triple post. Existe el boton "Modificar" Título: Re: Cambiar la imagen de pendiendo la seleccionada Publicado por: engel lex en 26 Agosto 2017, 08:30 am linea 46
Código
no existe <img dentro de php no se si te sirve, no leí casi el tema... mi recomendación.... llama js directamente con los valores Código y en js Código
requiere más código en php, pero el código es más simple Título: Re: Cambiar la imagen de pendiendo la seleccionada Publicado por: Antoniio en 26 Agosto 2017, 18:43 pm El js lo debo incluir ahí mismo debajo del la imagen del color rojo? O como son varios productos debe ser después de cada"if($('.producto'')=='producto') "?
|