Реализация lazy load, если картинка прописана через css?

Question

[Даниил]

Как можно реализовать lazy load, если структура галереи примерно такая

<div class="img_container">
       <a href="content/1.jpg" rel="group" class="link">
          <div class="image" title="Изображение 1" style="background-image: url(content/1.jpg);"></div>
        </a>
        <h5>Маленькое описание или название</h5>
 </div>

Answer 1

[twopizza]

https://www.appelsiini.net/projects/lazyload - jQuery плагин.

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

<div class="image lazy" title="Изображение 1" data-original="content/1.jpg;"></div>

Comments

[Даниил]

Уже пробовал, скрипт не подхватывает див с data-original="content/1.jpg;"
Тобись ничего не работает, возможно скрипт надо подкорректировать?

[twopizza]

Да, возможно что-то не так со скриптами, посмотрите правильно ли подлючен jquery и плагин. Попробуйте скопипастить пример из мануала с заработает ли он?

[Даниил]

twopizza: Да, работает. Скрипт глянул, понимаю, что допилить вроде несложно, но пока мой уровень знаний не позволяет...