Я хотел бы добавить class = «lazyload» в большие пальцы (а не изображения), сгенерированные этим блоком PHP, который позволяет плагин Supersized (http://buildinternet.com/project/supersized/) автоматически определять изображения и превью из папок, но я не могу понять, как это сделать:
<?php
$directory = "../../photo-locations/riviera/photo/";
$directory_thumbs = "../../photo-locations/riviera/thumb/";
$images = glob($directory . "*.jpg");
$images_thumb = glob($directory_thumbs . "*.jpg");
$images_final = array_combine($images,$images_thumb);
$number = count($images);
$start = 0;
foreach($images_final as $image => $key)
{ echo "{image : ' $image ', title : 'Riviera' , thumb : '$key' }";
if ($start < $number - 1)
echo ", ";
$start = $start + 1;
}
?>
Плагин Supersized — это полноэкранная галерея изображений, которая, к сожалению, не обеспечивает ленивую загрузку больших пальцев.
Я также пытаюсь найти хороший скрипт с отложенной загрузкой, который может обрабатывать изображения (в данном случае большие пальцы) только с классом, а не с атрибутом data-src или data-srcset, который не используется этим плагином.
Пожалуйста, у кого-нибудь есть идеи? Спасибо!
Вы можете сделать это с помощью JQuery. Кажется, все эскизы имеют префикс thumb
:
<li class="thumb1">
<img src="http://.../img1.jpg">
</li>
<li class="thumb2">
<img src="http://.../img2.jpg">
</li>
Так что вы можете легко сделать что-то вроде этого:
$("li[class^='thumb']").addClass( "lazyload" );
Это может работать и для вашего плагина lazyloading, представьте, что вызываемая функция lazyload()
Вы могли бы :
$("li[class^='thumb']").lazyload()
А затем вы запускаете / инициализируете свой ленивый загрузочный плагин. Но вы уверены, что Supersized
плагин не будет загружать свои собственные фотографии заранее?
Если не работает, ваш лучший выстрел будет:
Других решений пока нет …