width e height immagine = 0?

[Kamui]

Ciao, ho questa funzione:

function scaleImage() {
  var image = document.getElementById('eg_photo');
  
  o_width = image.width;
  o_height = image.height;

  if(o_width > {MAX_WIDTH} || o_height > {MAX_HEIGHT}){
    //do resize
    perc_w = {MAX_WIDTH} / o_width;
    perc_h = {MAX_HEIGHT} / o_height;
    
    if(perc_h > perc_w){
      width = {MAX_WIDTH};
      height = Math.round(o_height * perc_w);
    } else {
      height = {MAX_HEIGHT};
      width = Math.round(o_width * perc_h);
    }
    
    image.height = height;
    image.width = width;
    
    var warning = document.createElement('div');
    warning.className = 'small';
    warning.style.width = width + 'px';
    warning.innerHTML = '{EG_PHOTO_THIS} ' + o_width + ' * ' + o_height + ' {EG_PHOTO_PIXELS}' + (image.fileSize ? ' {EG_PHOTO_AND} ' + Math.floor(image.fileSize/1024) + 'KB' : '') + ' {EG_PHOTO_LARGE}. {EG_PHOTO_CLICK} [url="javascript:void(0);"]{EG_PHOTO_HERE}[/url] {EG_PHOTO_TO_VIEW}';
    
    image.parentNode.appendChild(warning);
  }
} 

applicata a

<div class="view-photo">
[img]{IMAGE_SRC}[/img]

</div>

E non funziona perchè image.width e image.height sono sempre uguali a 0... :rollo: perchè? Da cosa può dipendere?

Grazie :quote:

[Andrea1979]

dal fatto che nel tag img a cui vai ad applicare lo script le due proprietà width e height non siano definite?

[Kamui]

io le vorrei definire "dinamicamente" a seconda delle dimensioni reali dell'immagine

[Andrea1979]

ecco, allora devi scriverle prima nel tag, tipo via server-side oppure se non sono nel tag img da cui carichi l'immagine devi andare a creare un oggetto Image (javascript) passando il percorso del file

Tanto per esplicitare la cosa un pochino

function scaleImage() { 
  var image = new Image();
  image.src = document.getElementById('eg_photo').src; 
   
  o_width = image.width; 
  o_height = image.height; 

  if(o_width > {MAX_WIDTH} || o_height > {MAX_HEIGHT}){ 
    //do resize 
    perc_w = {MAX_WIDTH} / o_width; 
    perc_h = {MAX_HEIGHT} / o_height; 
     
    if(perc_h > perc_w){ 
      width = {MAX_WIDTH}; 
      height = Math.round(o_height * perc_w); 
    } else { 
      height = {MAX_HEIGHT}; 
      width = Math.round(o_width * perc_h); 
    } 
     
    image.height = height; 
    image.width = width; 
     
    var warning = document.createElement('div'); 
    warning.className = 'small'; 
    warning.style.width = width + 'px'; 
    warning.innerHTML = '{EG_PHOTO_THIS} ' + o_width + ' * ' + o_height + ' {EG_PHOTO_PIXELS}' + (image.fileSize ? ' {EG_PHOTO_AND} ' + Math.floor(image.fileSize/1024) + 'KB' : '') + ' {EG_PHOTO_LARGE}. {EG_PHOTO_CLICK} {EG_PHOTO_HERE} {EG_PHOTO_TO_VIEW}'; 
     
    document.getElementById('eg_photo').parentNode.appendChild(warning); 
  } 
}

[Kamui]

Grazie!

Posto il codice completo e funzionante:

function scaleImage() { 
  var imageObj = new Image();
  imageObj.src = document.getElementById('eg_photo').src; 

  o_width = imageObj.width; 
  o_height = imageObj.height; 

  if(o_width > {MAX_WIDTH} || o_height > {MAX_HEIGHT}){ 
    //do resize 
    perc_w = {MAX_WIDTH} / o_width; 
    perc_h = {MAX_HEIGHT} / o_height; 
     
    if(perc_h > perc_w){ 
      width = {MAX_WIDTH}; 
      height = Math.round(o_height * perc_w); 
    } else { 
      height = {MAX_HEIGHT}; 
      width = Math.round(o_width * perc_h); 
    } 
     
    var image = document.getElementById('eg_photo');
    image.height = height; 
    image.width = width; 
     
    var warning = document.createElement('div'); 
    warning.className = 'small'; 
    warning.style.width = width + 'px'; 

    warning.innerHTML = '{EG_PHOTO_CLICK} [url="javascript:void(0);"]{EG_PHOTO_HERE}[/url] {EG_PHOTO_TO_VIEW} (' + o_width + ' * ' + o_height + ' {EG_PHOTO_PIXELS})'; 

    document.getElementById('eg_photo').parentNode.appendChild(warning); 
  } 
} 

[hcka]

Io ho un problema simile: sto scrivendo il codice per creare delle scrollbar personalizzate (visto che la personalizzazione dei colori è compatibile solo con IE).

Ho bisogno delle dimensioni delle immagini delle frecce...

scrollArrowUp = document.createElement("img");
scrollArrowUp.src = "arrowUp.gif";

Se mi faccio "allertare" (o comunque printare fuori) l'altezza o la larghezza dell'immagine (scrollArrowUp.height o scrollArrowUp.width) IE mi da 0 per entrambe, mentre FireFox mi restituisce il corrispondente valore. Consigli?

Grazie...