Ver Mensaje Individual
  #3 (permalink)  
Antiguo 29/10/2010, 09:35
LOD_Fredy
 
Fecha de Ingreso: abril-2009
Mensajes: 341
Antigüedad: 15 años, 6 meses
Puntos: 3
Respuesta: Problema con eedimension de imagenes en IE usando jquery

Segui buscando (ya que nadie me daba una solucion y lo que hice fue esto:

Código Javascript:
Ver original
  1. <script>
  2.     $(document).ready(function(){  
  3.         $("#imagen").load(function(){
  4.         var ancho= $("#imagen").width();
  5.         var alto= $("#imagen").height();
  6.         /*if(ancho>990 && ancho>alto)
  7.             $("#imagen").attr("width","990px");
  8.         else if(ancho>990 && ancho<alto)
  9.             $("#imagen").attr("height","560px");
  10.             else
  11.                 if(alto>560 && ancho<alto)
  12.                     $("#imagen").attr("height","560px");
  13.                 else
  14.                     if(alto>560 && ancho>alto)
  15.                     $("#imagen").attr("width","990px");
  16.         if(ancho>990 || alto>560 && ancho==alto)
  17.             $("#imagen").attr("height","560px");
  18.         })*/
  19.         if(ancho>990 && ancho>alto)
  20.             <?php
  21.                 echo "<img id='imagen' height='560px' src='modelo/imagen.php?IDORI=$idori' alt='Original'>";
  22.             ?>
  23.         else if(ancho>990 && ancho<alto)
  24.             <?php
  25.                 echo "<img id='imagen' height='560px' src='modelo/imagen.php?IDORI=$idori' alt='Original'>";
  26.             ?>
  27.             else
  28.                 if(alto>560 && ancho<alto)
  29.                     <?php
  30.                         echo "<img id='imagen' height='560px' src='modelo/imagen.php?IDORI=$idori' alt='Original'>";
  31.                     ?>
  32.                 else
  33.                     if(alto>560 && ancho>alto)
  34.                     <?php
  35.                         echo "<img id='imagen' width='990px' src='modelo/imagen.php?IDORI=$idori' alt='Original'>";
  36.                     ?>
  37.         if(ancho>990 || alto>560 && ancho==alto)
  38.             <?php
  39.                 echo "<img id='imagen' height='560px' src='modelo/imagen.php?IDORI=$idori' alt='Original'>";
  40.             ?>
  41.         })
  42.     }) 
  43. </script>

En vez de el codigo original que tenia (que esta comentado en el codigo), lo que hice fue enviar echos creando la etiqueta de la imagen con el ancho o alto correspondiente dependiendo del tamaño real que tenga la imagen. Esto funciona, sin embargo, genera un error que en ie si tienes habilitado el visor de erroes (o como se llame), aparece antes de mostrarte la imagen.

He de mencionar que obviamente en la etiqueta body creo la etiqueta de la imagen con su tamaño real, despues el codigo javascript manda el echo y sustituye la imagen en el body por la del echo.