pantallas medidas implementa ejemplos diseño como codigo responsive-design interactive

responsive-design - medidas - responsive design css ejemplos



Se necesita asesoramiento interactivo con capacidad de respuesta móvil (0)

Espero que alguien me pueda ayudar con un problema interactivo. Intento crear una interacción responsiva móvil. Cada área sombreada azul y naranja en el gráfico adjunto debe hacer clic para revelar otra imagen sobre la imagen original. He hecho esto de la manera de la vieja escuela con javascript y mapas de imágenes y funciona como un regalo en una pantalla grande, pero no es amigable para dispositivos móviles. p.ej

onclick="MM_swapImage(''Image1'','''',''one1.jpg'',1)" onmouseout="MM_swapImgRestore()"

Así que he intentado hacerlo en SVG con javascript pero no puedo hacerlo funcionar. ¿Puede alguien decirme la mejor manera de hacer esto para que sea amigable para dispositivos móviles?

Esta es la imagen que estoy usando: