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


php jquery supersized
person Andrea    schedule 01.06.2015    source источник

Ответы (1)


arrow_upward
0
arrow_downward

Вы можете сделать это с помощью 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" );

Это может работать и для вашего плагина отложенной загрузки, представьте, что вызываемая функция lazyload()

Ты мог бы :

$("li[class^='thumb']").lazyload()

А затем вы запускаете/инициализируете свой плагин ленивой загрузки. Но вы уверены, что плагин Supersized не загрузит свои фотографии заранее?

Если это не сработает, вам лучше всего:

  • Расширьте плагин (если возможно)
  • Измените непосредственно библиотеку (будьте осторожны, если вы обновляете версию)
person Michael Laffargue    schedule 01.06.2015
comment
Спасибо, Майкл. Я пытался, но безуспешно. Расширение плагина и модификация библиотеки не в моих силах. Думаю, мне придется найти другую полноэкранную галерею с отложенной загрузкой и предназначенную для мобильных устройств. Сейчас ключевыми словами являются скорость и мобильность, и у Supersized были свои дни. Жаль, что они не обновили эту галерею по сегодняшним меркам. Может ли кто-нибудь предложить мне быструю загрузку полноэкранной галереи изображений? Использование спрайта изображения для графики, ленивая загрузка и т. д.? Большое спасибо! - person Andrea; 01.06.2015