Question

我想添加class =＆＃34; lazyload＆＃34;这个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属性一起使用 - 这些都没有被使用插入。拜托，有谁有任何想法？谢谢！

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插件预先没有加载自己的照片吗？

如果不能正常工作，那么你最好的选择是：

扩展插件（如果可能）
直接修改库（请注意升级版本）

如何在超级插件的php数组中添加一个类

1 个答案: