Image родной ширина в JQuery

Question

С JQuery, я изменить СРК изображения по щелчку

$("#thumb li img").click(function() { 
var newlinkimage = $(this).attr("src"); 

newlinkimage = newlinkimage.substring(14,17); 

    $("#avant img").attr("src", 'retouche-hr' + newlinkimage + '-a.jpg'); 
    $("#apres img").attr("src", 'retouche-hr' +newlinkimage + '-b.jpg'); 

Проблема заключается в том, что новая ширина изображения отличается, что старый. Как получить ширину NATIVE нового изображения (например, маленькая стрелка, которая получается в Dreamweaver

Answer 1

Это простой способ javascript для этого. Это должно быть легко интегрировать в ваш код.

var newimage = new Image(); 
newimage.src = 'retouche-hr' + newlinkimage + '-a.jpg'; // path to image 
var width = newimage.width; 
var height = newimage.height; 

Answer 2

Установлено ли для этого старого изображения ширина и высота? Если вы используете $ (изображение) .width (""), он должен сбросить ширину до того, что было до того, как вы применили к ней какие-либо изменения ширины (аналогично для высоты). Я не думаю, что это будет работать для изображений, у которых их ширина была установлена ​​через CSS или свойство. к старой ширине вы можете использовать .outerWidth(), чтобы получить ширину изображения.

Answer 3

Вы хотите получить реальную ширину изображения перед его заменой, а затем установите новое изображение на эту ширину. это с $ (img).:

var pic_real_width; 
var pic_real_height; 

$(img).load(function() { 
    // need to remove these in of case img-element has set width and height 
    $(this).removeAttr("width") 
      .removeAttr("height"); 

    pic_real_width = this.width; 
    pic_real_height = this.height; 
}); 

$("#thumb li img").click(function() { 
var newlinkimage = $(this).attr("src"); 

newlinkimage = newlinkimage.substring(14,17); 

     $("#avant img").attr("src", 'retouche-hr' + newlinkimage + '-a.jpg').width(pic_real_width); 
     $("#apres img").attr("src", 'retouche-hr' +newlinkimage + '-b.jpg').width(pic_real_width); 

Answer 4

этот код всегда возвращают нулевое значение '0'

var newimage = new Image(); 
    newimage.src = 'retouche-hr' + newlinkimage.substring(14,17) + '-a.jpg'; 
    var width = newimage.naturalWidth; 
    var height = newimage.naturalHeight; 
    alert (width); 

ПОЧЕМУ ???