如何将一个类添加到超大型插件的PHP数组中

Question

我想将class=“lazyload”添加到这个PHP块生成的拇指（而不是图像）中，这个PHP块允许超大型插件(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插件是一个全屏图像库，不幸的是，它不提供惰性的拇指加载。我还试图找到一个好的延迟加载脚本，它可以只使用一个类来处理图像（在本例中是拇指），而不与datasrc或datasrcset属性结合使用，而这个插件不使用这些属性。拜托，有人知道吗？谢谢

Answer 1

您可以使用JQuery来实现这一点。似乎所有的缩略图都以拇指为前缀：

<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()

然后启动/初始化延迟加载插件。但是你确定超级插件不会事先加载自己的照片吗？

如果不工作，你最好的办法是：

• 扩展插件（如果可能）