Jak dodać klasę do tablicy php dla Supersized plugin - php, jquery, supersized

Chciałbym dodać class = "lazyload" do kciuków (a nie obrazów) generowanych przez ten blok PHP, który pozwala na wtyczkę Supersized (http://buildinternet.com/project/supersized/), aby automatycznie wykrywać obrazy i kciuki z folderów, ale nie mogę wymyślić, jak to zrobić:

<?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 plugin to galeria obrazów na pełnym ekraniektóre niestety nie zapewniają leniwego ładowania kciuków. Próbuję również znaleźć dobry skrypt leniwy, który może obsługiwać obrazy (w tym przypadku kciuki) tylko z klasą, a nie w połączeniu z atrybutem data-src lub data-srcset - które nie są używane przez tę wtyczkę. Czy ktoś ma jakiś pomysł? Dzięki!

Odpowiedzi:

Możesz to zrobić za pomocą JQuery. Wygląda na to, że wszystkie miniatury mają prefiks thumb:

<li class="thumb1">
<img src="/images/http://.../img1.jpg">
</li>
<li class="thumb2">
<img src="/images/http://.../img2.jpg">
</li>

Możesz więc łatwo zrobić coś takiego:

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

To może działać również dla twojej wtyczki lazyloading, wyobraź sobie, że funkcja, którą chcesz wywołać, to lazyload()

Mógłbyś :

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

A następnie uruchamiasz / inicjujesz swoją leniwą wtyczkę ładującą. Ale czy jesteś pewien? Supersized wtyczka nie ładuje wcześniej własnych zdjęć?

Jeśli nie działa, najlepszym rozwiązaniem byłoby:

• Rozszerz wtyczkę (jeśli to możliwe)
• Zmodyfikuj bezpośrednio bibliotekę (uważaj, jeśli uaktualnisz wersję)