Foros del Web » Programando para Internet » Jquery »

Problema con eedimension de imagenes en IE usando jquery

Estas en el tema de Problema con eedimension de imagenes en IE usando jquery en el foro de Jquery en Foros del Web. Hola a todos, como parte del mismo sistema que estoy haciendo requiero que las imagenes se puedan redimensionar de forma que si son superiores a ...
  #1 (permalink)  
Antiguo 21/10/2010, 15:29
 
Fecha de Ingreso: abril-2009
Mensajes: 341
Antigüedad: 14 años, 11 meses
Puntos: 3
Problema con eedimension de imagenes en IE usando jquery

Hola a todos, como parte del mismo sistema que estoy haciendo requiero que las imagenes se puedan redimensionar de forma que si son superiores a cierta resolucion 990x560 se reduzcan ya sea del ancho a 990px o del alto a 560px, este codigo ya lo tengo y funciona bien en firefox, sine embargo, necesito que tambien funcione en IE.

Este es mi codigo:

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.     }) 
  20. </script>

Ojala me ayuden a hacerlo funcionar cuando menos en ie y firefox.
  #2 (permalink)  
Antiguo 21/10/2010, 16:05
 
Fecha de Ingreso: abril-2009
Mensajes: 341
Antigüedad: 14 años, 11 meses
Puntos: 3
Respuesta: Problema con eedimension de imagenes en IE usando jquery

Ahora tampoco funciona en ie el codigo que me llena un select a partir de otro (selects dependientes).

Edito: dejo la parte del codigo que me marca el error y que obviamente es la que llena el otro select

Código Javascript:
Ver original
  1. <script>
  2.       $(document).ready(function(){
  3.  
  4.           $("select").change(function(){
  5.  
  6.                     // Llamamos a pagina combos.php donde ejecuto las consultas para llenar el combo
  7.  
  8.                       $.post("combo.php",{
  9.                                           combo:$(this).attr("name"), // Nombre del combo  
  10.                                           valor:$(this).val(), // Valor seleccionado  
  11.                                           opc:1
  12.                                           },function(data){  
  13.                                                           $("#"+combos[posicion]).html(data);    //Tomo el resultado de pagina e inserto los datos en el combo indicado                                                          
  14.                                                           })        
  15. </script>

El error que me marca es este:

Código codigo de error:
Ver original
  1. Line: 1609
  2. Char: 3
  3. Error: Automation server can´t create object
  4. Code: 0
  5. URL: http://127.0.0.1/VTD/menu.php

Apenas empiezo a aprender jquery y algunas cosas las he encontrado y modificado a mis necesidades, otras se me han ocurrido con lo poco de jquery que he aprendido durante estos dias y por eso diria que mi codigo no es el mas fiable al menos en cuanto a acomodarlo y eso (posible razon por la cual falla en ie).

Última edición por LOD_Fredy; 21/10/2010 a las 16:28
  #3 (permalink)  
Antiguo 29/10/2010, 09:35
 
Fecha de Ingreso: abril-2009
Mensajes: 341
Antigüedad: 14 años, 11 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.
  #4 (permalink)  
Antiguo 29/10/2010, 15:03
Avatar de caricatos
Moderador
 
Fecha de Ingreso: abril-2002
Ubicación: Torremolinos (Málaga)
Mensajes: 19.607
Antigüedad: 21 años, 11 meses
Puntos: 1284
Tema movido desde AJAX

jquery y ajax no son la misma cosa... Ajax implica consultas al servidor, cosa que no parece que sea cuestión de la pregunta.

Saludos
__________________
Por favor:
No hagan preguntas de temas de foros en mensajes privados... no las respondo

Etiquetas: imagenes
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 17:05.