Ver Mensaje Individual
  #3 (permalink)  
Antiguo 20/05/2013, 21:58
Avatar de sonickseven
sonickseven
 
Fecha de Ingreso: diciembre-2012
Ubicación: bogota
Mensajes: 404
Antigüedad: 11 años, 11 meses
Puntos: 2
Respuesta: como saber ancho y alto de una imagen (no img)

si ya me funciona lo malo es que no de perlas ya que me muestra no siepre bn el ancho y alto de la imagen
me muestra error state 404 creo que es permisos de servidor con archivos lo raro es que en local esta igual!! osea ya le cambie los permisos a 777 a todos los archivos y naaa :/ por cierto le estoy pasando un dato de su siguiente elemento (es un visor pero no trabaja con la etiqueta img sino con la div)

Código Javascript:
Ver original
  1. // es una funcion que le da el alto y el ancho al div con respecto a las dimenciones de la imagen real
  2. function size(SRC, ancho, alto2){
  3.     var img = new Image();
  4.     img.src =SRC.replace('T_','');
  5.     var Jalto=img.height, Jancho= img.width, altura2, al, a, anc, ac;
  6.     if(Jalto>alto2){
  7.         altura2=((alto2*90)/100);
  8.         al=Jalto-altura2;
  9.         a=al*100/Jalto;
  10.         anc=Jancho*(100-a)/100;
  11.         if(anc>(ancho*95/100)){
  12.             anc=(ancho*95)/100;
  13.             ac=Jancho-anc;
  14.             a=ac*100/Jancho;
  15.             altura2=Jalto*(100-a)/100;
  16.         }
  17.     }
  18.     else if(Jancho>ancho){
  19.         anc=(ancho*95)/100;
  20.         ac=Jancho-anc;
  21.         a=ac*100/Jancho;
  22.         altura2=Jalto*(100-a)/100;
  23.     }else if(Jalto<alto2 || Jancho < (ancho*80/100)){
  24.         anc=Jancho;
  25.         altura2=Jalto;
  26.     }
  27.     return Asize=[anc, altura2, ancho, alto2, alto];
  28. }
  29.  
  30. var $src=$('#guia');
  31. $('.FinalImage > span:nth-last-child(2)').on('click', function(){
  32.                     $src=$src.next();
  33.                     var src3=$src.attr('src'), size3=size(src3.replace(/T_/gi,''), ancho, alto);
  34.                     $('.FinalImage').css({'background-image':'url('+src3.replace(/T_/gi,'')+')','height':'75px','top':((alto-size3[1])/2)+'px', 'margin-left':(size3[2]-size3[0])/2}).animate({'width':size3[0], 'padding-top':(size3[1]-80)},200);
  35. });

tonces el
problema viene cuando hago el click para ver la siguiente imagen ya que aveces si me muestra el tamaño real y aveces el ancho y el alto dan 0 :/ si me puedes ayudar a como solucionar este problema te lo agradeceria