5.00 / 1 oy

Magnific popup The image could not be loaded Hatası ve Çözümü

Bir ürün detay sayfasında görsellere basınca tam ekran olmaları ve tam ekran modubdayken de galeri olarak değiştirilebilmeleri için daha önce de çok kere kullanıp memnun kaldığım magnific popup kullanayım dedim. Ama başlıkta da yazdığım "Magnific popup The image could not be loaded" hatası ile bir saat gereksiz yere uğraştıktan sonra aslında hatanın çok basit bir eksiklikten kaynaklandığını fark ettim ve bu başlıkta hatanın çözümünü paylaşmak istedim.

Magnific popup eklentisini başlatmak için aşağıdaki gibi bir js kodu kullanabilirsiniz.

<div class='container'>
    <div class="rsm"><img src="uploads/resim1.jpg"/></div>
    <div class="rsm"><img src="uploads/resim2.jpg"/></div>
    ....
</div>
$('.rsm').magnificPopup({
  type: 'image'
  // ...
});

Ama Magnific popup öalışması için href özelliği olan a etiketlerine ihtiyaç duyuyor.

Buradaki hatanın çözümü de şu oldu:

<div class="container">
    <a class="rsm" href="uploads/resim1.jpg"><img src="uploads/resim1.jpg"/></a>
    <a class="rsm" href="uploads/resim2.jpg"><img src="uploads/resim2.jpg"/></a>
    ....
</div>

Çok basit bir hata ama front-end ve tasarım odaklı olunca gözden kaçabiliyor işte..

Editör editi: benzer başlıklar için;

bkz: mysql is not recognized as an internal or external command hatası ve çözümü

bkz: Wordpress permalink'lerde 404 Hatası ve Çözümü (Plesk)

bkz: brackets PHP7 runtime not found hatası ve çözümü

bkz: Linux nslookup command not found hatası ve çözümü

bkz: Linux ifconfig command not found hatası ve çözümü

bkz: The underlying connection was closed hatası ve çözümü

zirzop

25.03.2021 13:53

Bu soru 1 kez yanıtlandı.

  • 23 Eylül 2022 19:12
    0

    görsel belirtilen dizinde bulunamamış olabilir ya da çok yavaş internet hızlarında bir zaman aşımı belirtilmiş olabilir

Bu soruya sadece kayıtlı kullanıcılar yanıt yazabilirler. Yanıt yazmak için lütfen giriş yapınız.

Reitix
Magnific popup The image could not be loaded Hatası ve Çözümü

İnternet sitemizdeki deneyiminizi iyileştirmek için çerezler kullanıyoruz. Bu siteye giriş yaparak çerez kullanımını kabul etmiş sayılıyorsunuz. Daha fazla bilgi.