2016-04-08 22 views
0

Sıradaki komutum var. İmg yüklemeden önce çalışır, ben yöntem yükünü kullanırım.img'i yükledikten sonra komut dosyasını nasıl çalıştırabilirim?

$(document).ready(function() { 
    $('.slide-img img').load(function(){ 
    var height = $(this).height(); 
    var width = $(this).width(); 
    if (width > height) { 
     $(this).attr('style', 'max-height: 100%'); 
    }; 
    if (height > width) { 
     $(this).attr('style', 'max-width: 100%'); 
    }; 
    }); 
}); 

img'i yükledikten sonra komut dosyasını nasıl çalıştırırım?

+1

http://stackoverflow.com/questions/280049/javascript- görüntü için geri çağırma-yükleme-ne zaman-yüklendi –

+0

Bu amaç için bazı görüntü önyükleme kitaplıklarına göz atmak isteyebilirsiniz. Kod sadece DOM hazır olduğunda çalışır. http://www.createjs.com/preloadjs overkill olabilir, ama kesinlikle bir seçenektir. –

+0

Kodunuz güzel görünüyor. Seçicinizin doğru olduğunu kontrol edin. –

cevap

0

kullanımı window.load yöntemi (jquery):

$(window).load(function() { 
// this will fire after the entire page is loaded, including images 
}); 

ya da yöntem (JavaScript) window.onload kullanımı:

window.onload = function() { 
// this will fire after the entire page is loaded, including images 
}; 
+0

Cevabınız için teşekkür ederiz! ama işe yaramıyor ya da hata yaptım. lütfen buraya bakın - https://jsfiddle.net/kino45/jo82d6pw/1/ –

+0

jquery'inizi jsfiddle'e ekler misiniz? Benim codepen kontrol edin: http://codepen.io/anon/pen/RaxyGQ – Sumanta736

+0

görüntü yükleme fonksiyonunuzu dahil etmeyin, $ (window) .load görüntü yükünüze dikkat edin. cevaplarım yorum bölümünü kontrol et. – Sumanta736

İlgili konular