amigos
tengo un zoom de imagenes, el tema es que me anda en chorme firefox pero no en el ie9
solo me muestra la primera imagen, despues cuando selecciono la 2 o 3 no muestra nada
lo hice asi:
Código HTML:
Ver original<?php if (!empty($foto1)) { ?>
<img src="<?php echo $foto1 ?>" width="63" height="35" onClick="return cambioImagen('1');" style="cursor:pointer" />
<?php } else { ?>
<img src="<?php echo foto_no_disponible(); ?>" width="63" height="35" border="0" />
<?php } ?>
<td width="64" align="center"> <?php if (!empty($foto2)) { ?>
<img src="<?php echo $foto2 ?>" width="63" height="35" onClick="return cambioImagen('2');" style="cursor:pointer" />
<?php } else { ?>
<img src="<?php echo foto_no_disponible(); ?>" width="63" height="35" border="0" />
<?php } ?>
<td width="64" align="center"> <?php if (!empty($foto3)) { ?>
<img src="<?php echo $foto3 ?>" width="63" height="35" onClick="return cambioImagen('3');" style="cursor:pointer" />
<?php } else { ?>
<img src="<?php echo foto_no_disponible(); ?>" width="63" height="35" border="0" />
<?php } ?>
Código HTML:
Ver original <div id="bloque_1" style="display: block;"> <a id="imagen_grande_1" href="<?php echo $foto1 ?>" target="_blank">
<img src="<?php echo $foto1 ?>" width="533" height="327" />
<div id="bloque_2" style="display: none;"> <a id="imagen_grande_2" href="<?php echo $foto2 ?>" target="_blank">
<img src="<?php echo $foto2 ?>" width="533" height="327" />
<div id="bloque_3" style="display: none;"> <a id="imagen_grande_3" href="<?php echo $foto3 ?>" target="_blank">
<img src="<?php echo $foto3 ?>" width="533" height="327" />
Código Javascript
:
Ver original<script src="../includes/chicoui/js/jquery.js"></script>
<script src="../includes/chicoui/js/chico-min-0.13.1.js"></script>
<script>
$(document).ready(function(){
var zoom_1 = $("#imagen_grande_1").zoom();
var zoom_2 = $("#imagen_grande_2").zoom();
var zoom_3 = $("#imagen_grande_3").zoom();
});
var totalImagenes = 3;
function cambioImagen(posicion){
for(var i = 1;i <= totalImagenes;i++){
document.getElementById("bloque_"+i).style.display = "none";
}
document.getElementById("bloque_"+posicion).style.display = "block";
}
</script>
gracias.