Hola amigos..!!
Hacia la leche que no aparecía por estos lares... bueeno.. y como no, siempre que aparezco, es con problemas jajajaja
En esta ocasión tengo un problema que no se por donde pillarlo.
Tengo un div y dentro de este mismo una imagen, con un enlace que lo que hace es abrir esa imagen ampliada usando el SHADOWBOX (otra variante del lightbox).
esto funciona genial.
Ahora bien, tengo un boton, que al hacer click, reemplaza el contenido de dicho DIV por otra imagen, que también tiene incluido un enlace para abrir la ampliación de esta nueva imagen en el SHADOWBOX, pero en este caso, se lo pasa por el forro y no consigo hacerlo funcionar... como si al hacer el innerHTML no entendiera la clase respectiva que hace que se abra la imagen en el SHADOWBOX...
Ejemplo:
Código HTML:
<div id="imagen-principal"><a rel="shadowbox[PROD]" title="Ref: 1234 | nombre producto" href="imagenes/img-ampliada.jpg"><img src="imagenes/img-thumbnail.jpg" width="316" height="316" alt="Ref: 1234 | nombre producto" /></a></div>
Código del botón que realiza el replace del contenido del DIV "imagen-principal":
Código:
document.getElementById("imagen-principal").innerHTML = '<a rel="shadowbox[PROD]" title="Ref: 12345 | nombre producto2" href="imagenes/img-ampliada2.jpg"><img src="imagenes/img-thumbnail2.jpg" width="316" height="316" alt="Ref: 12345 | nombre producto 2" /></a>';
vamos a ver si me podéis echar una mano cracks! por que no se por donde pillarlo... cuando hago el document.get.....innerTML.. se pasa por el forro el rel="shadowbox" .... no le hace ni caso...! y lo necesito!!
Gracias.