Hola a todos, estoy terminando una web responsive, en la que a través de un lightbox JQuery cargo unas imágenes al clicar en ellas. El problema viene que en la versión mobile, el tamaño de la imágen sobrepasa los limites del "navegador", entonces para solucionar este problema he pensado tres soluciones:
- Anular dicho enlace en la versión mobile de modo que sólo se vea la imagen en miniatura.
- Modificar el enlace para que no coja el lightbox y simplemente accedas a la ruta de la imagen.
- Modificar el href del enlace, de tal modo que tenga un subdominio llamemoslo (pics.midominio/imagen-1.png) y en la versión mobile accedas a esta imagen al clicar en la miniatura en vez de que se acceda por lightbox.
Ejemplo:
Versión desktop
<a href="dominio.com/img/imagen1-max.png" class="lightbox"><img src="dominio/img/imagen1-min"/></a>
Versión mobile
<a href="pics.dominio.com/img/imagen1-max.png"><img src="dominio/img/imagen1-min"/></a>
Mi duda es como encarar esta solución, si con una simple funcion javascript que pille el name y cargue el href añadiéndole ese name a la ruta o simplemente quitarle el atributo class a ese href...
Espero haberme explicado y que podáis indicarme si creéis que es la mejor solución o no cualquier otra cosa que pueda ayudarme... Gracias anticipadas ;)
