jquery load() metodu hatası

13-07-2019, 13:20:11

arkadaşlar bir resim yüklendikten sonra load() metodu ile uyarı verdirmek istiyorum komut çalışmıyor sanırsam degişmiş kullanımınıda tam olarak bulamadım
html ve js kodları aşagıdaki gibidir.

<div class="bilgi">Resim Yükleniyor</div>
<img src="ii.jpg" id="resim" alt="">

$(document).ready(function(){
$("img#resim").load(function(){
    alert("Resim yüklendi!");
});
    
    
    })

13-07-2019, 13:26:36

#2

FSahin

$("#resim").on('load', function(){
    alert('Resim yüklendi!');
}).attr("src", $('#resim').attr("src"));

13-07-2019, 13:31:28

#3

zeytin8899

FSahin adlı üyeden alıntı: mesajı görüntüle

$("#resim").on('load', function(){
    alert('Resim yüklendi!');
}).attr("src", $('#resim').attr("src"));

hocam sonda kullandığımı şu kodun anlamı nedir tam olarak
burada src içine resmin src sini yeniden atıyor neden?

attr("src", $('#resim').attr("src"));

13-07-2019, 13:36:01

#4

FSahin

zeytin8899 adlı üyeden alıntı: mesajı görüntüle

hocam sonda kullandığımı şu kodun anlamı nedir tam olarak
burada src içine resmin src sini yeniden atıyor neden?

attr("src", $('#resim').attr("src"));

Orada resim yolunu başarıyla yüklerse uyarı veriyor eğer başarılı değilse bir işlem yaptırmıyor. O kısmı kaldırdığınızda kod çalışmaz. Çünkü resim yoluna göre işlem yapılıyor.

13-07-2019, 13:52:38

#5

zeytin8899

FSahin adlı üyeden alıntı: mesajı görüntüle

Orada resim yolunu başarıyla yüklerse uyarı veriyor eğer başarılı değilse bir işlem yaptırmıyor. O kısmı kaldırdığınızda kod çalışmaz. Çünkü resim yoluna göre işlem yapılıyor.

peki hocam error komutunuda çalıştıramadım yanlışlık nerdedir
yapmak istedigim yüklenmeyen bir resim varsa benim belirledigim bir resim gelsin

$(document).ready(function(){

$("img").on("error",function() {
$(this).attr( "src", "resim.jpg" );
})
  .attr( "src", $("img").attr("src"));

13-07-2019, 14:11:33

#6

FSahin

zeytin8899 adlı üyeden alıntı: mesajı görüntüle

peki hocam error komutunuda çalıştıramadım yanlışlık nerdedir
yapmak istedigim yüklenmeyen bir resim varsa benim belirledigim bir resim gelsin

$(document).ready(function(){

$("img").on("error",function() {
$(this).attr( "src", "resim.jpg" );
})
.attr( "src", $("img").attr("src"));

Çalışmamasının sebebi nedir? Console'dan kontrol edebildiniz mi? Ben denediğimde sorunsuz çalışıyor.

$("#resim").on('error', function() {
    $(this).attr('src', 'https://images.unsplash.com/photo-1562101994-0801ac2007fd?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=500&q=60')
    }).attr("src", $('#resim').attr("src"));

13-07-2019, 14:54:19

#7

zeytin8899

FSahin adlı üyeden alıntı: mesajı görüntüle

Çalışmamasının sebebi nedir? Console'dan kontrol edebildiniz mi? Ben denediğimde sorunsuz çalışıyor.

$("#resim").on('error', function() {
    $(this).attr('src', 'https://images.unsplash.com/photo-1562101994-0801ac2007fd?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=500&q=60')
    }).attr("src", $('#resim').attr("src"));

tamam hocam çözüldü teşekkürler ufak hatalar işte