Плагин jquery lazyload не работает должным образом

Question

Я использую плагин jquery lazyload. Плагин не работает, когда страница загружается. И работает только тогда, когда я нажимаю на вкладку Главная на моем сайте. Это мои фрагменты моего исходного кода.

 $(function() {
      $("img.lazy").lazyload();
  });

document.getElementById(merchantLogoId).innerHTML = ("<img class='lazy' src='img/icon/imageLoading.jpg' data-original="+data.bigImageUrl+">");

У кого-нибудь есть идеи, в чем может быть проблема и возможный обходной путь для этого?

Answer 1

Попробуйте обернуть его в document.ready()

$(document).ready(function() {
      $("img.lazy").lazyload();
  });

Answer 2

Вам нужно установить эффект:

$("img").lazyload({effect : "fadeIn"});

Проверено на Firefox... надеюсь, это поможет..

Answer 3

Не могли бы вы предоставить немного больше информации? было бы полезно jFiddle

возможно используйте jquery, чтобы добавить изображение и поместить lazyload после того, как изображения были добавлены.....

Просто с моей головы!

 $(function() {

      $("#merchantLogoId").html("<img class='lazy' src='img/icon/imageLoading.jpg' data-original="+data.bigImageUrl+">");

       $("img.lazy").lazyload();
  });