Как добавить класс в массив PHP для плагинов Supersized

Я хотел бы добавить 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, который не используется этим плагином.
Пожалуйста, у кого-нибудь есть идеи? Спасибо!

1

Решение

Вы можете сделать это с помощью 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 плагин не будет загружать свои собственные фотографии заранее?

Если не работает, ваш лучший выстрел будет:

  • Расширить плагин (если это возможно)
  • Изменить непосредственно библиотеку (будьте осторожны, если вы обновляете версию)
0

Другие решения

Других решений пока нет …

По вопросам рекламы [email protected]