Foros del Web » Programando para Internet » Javascript »

zoom chico ui no anda en ie9

Estas en el tema de zoom chico ui no anda en ie9 en el foro de Javascript en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 14/03/2013, 00:14
 
Fecha de Ingreso: julio-2012
Mensajes: 234
Antigüedad: 7 años, 4 meses
Puntos: 9
zoom chico ui no anda en ie9

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
  1. <?php if (!empty($foto1)) { ?>
  2.                         <img src="<?php echo $foto1 ?>" width="63" height="35" onClick="return cambioImagen('1');" style="cursor:pointer" />                       
  3.                         <?php } else { ?>              
  4.                         <img src="<?php echo foto_no_disponible();  ?>" width="63" height="35" border="0" />
  5.                         <?php } ?>
  6.                         </td>
  7.                         <td width="64" align="center">
  8.                         <?php if (!empty($foto2)) { ?>
  9.                         <img src="<?php echo $foto2 ?>" width="63" height="35" onClick="return cambioImagen('2');" style="cursor:pointer" />                       
  10.                         <?php } else { ?>
  11.                         <img src="<?php echo foto_no_disponible();  ?>" width="63" height="35" border="0" />
  12.                         <?php } ?>
  13.                         </td>
  14.                         <td width="64" align="center">
  15.                         <?php if (!empty($foto3)) { ?>
  16.                         <img src="<?php echo $foto3 ?>" width="63" height="35" onClick="return cambioImagen('3');" style="cursor:pointer" />                       
  17.                         <?php } else { ?>
  18.                         <img src="<?php echo foto_no_disponible();  ?>" width="63" height="35" border="0" />
  19.                         <?php } ?>
Código HTML:
Ver original
  1. <div>
  2.                         <div id="bloque_1" style="display: block;">
  3.                         <a id="imagen_grande_1" href="<?php echo $foto1 ?>" target="_blank">
  4.                         <img src="<?php echo $foto1 ?>" width="533" height="327" />
  5.                         </a>
  6.                         </div>
  7.                         <div id="bloque_2" style="display: none;">
  8.                         <a id="imagen_grande_2" href="<?php echo $foto2 ?>" target="_blank">
  9.                         <img src="<?php echo $foto2 ?>" width="533" height="327" />
  10.                         </a>
  11.                         </div>
  12.                         <div id="bloque_3" style="display: none;">
  13.                         <a id="imagen_grande_3" href="<?php echo $foto3 ?>" target="_blank">
  14.                         <img src="<?php echo $foto3 ?>" width="533" height="327" />
  15.                         </a>
  16.                         </div>
Código Javascript:
Ver original
  1. <script src="../includes/chicoui/js/jquery.js"></script>
  2.                         <script src="../includes/chicoui/js/chico-min-0.13.1.js"></script>
  3.                         <script>
  4.                         $(document).ready(function(){
  5.                         var zoom_1 = $("#imagen_grande_1").zoom();
  6.                         var zoom_2 = $("#imagen_grande_2").zoom();
  7.                         var zoom_3 = $("#imagen_grande_3").zoom();
  8.                             });
  9.                         var totalImagenes = 3;
  10.                         function cambioImagen(posicion){
  11.                         for(var i = 1;i <= totalImagenes;i++){
  12.                         document.getElementById("bloque_"+i).style.display = "none";
  13.                         }
  14.                         document.getElementById("bloque_"+posicion).style.display = "block";
  15.                         }
  16.                         </script>

gracias.

Última edición por el_loco90; 14/03/2013 a las 00:15 Razón: error

Etiquetas: anda, ie9, jquery, js, php, zoom
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 16:54.