如何為超大插件向PHP數組添加類

Question

我想將class =“ lazyload”添加到此PHP塊生成的縮略圖（而非圖像）中，該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;
}
?>

超大插件是一個全屏圖片庫，很遺憾，它沒有提供延遲的拇指加載。 我還試圖找到一個很好的延遲加載腳本，該腳本可以僅通過類而不是與data-src或data-srcset屬性結合使用來處理圖像（在這種情況下為縮略圖）-該插件未使用該屬性。 拜托，有人知道嗎？ 謝謝！

Answer 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插件不會預先加載自己的照片嗎？

如果不起作用，您最好的選擇是：

• 擴展插件（如果可能）
• 直接修改庫（請注意，如果您升級版本）