如何为超大插件向php数组中添加类

如何为超大插件向php数组中添加类,php,jquery,supersized,Php,Jquery,Supersized,我想将class=“lazyload”添加到这个PHP块生成的拇指(而不是图像)中,它允许超大插件()从文件夹中自动检测图像和拇指,但我不知道如何做到: <?php $directory = "../../photo-locations/riviera/photo/"; $directory_thumbs = "../../photo-locations/riviera/thumb/"; $images = glob($directory . "*.jpg"); $images_thumb

我想将class=“lazyload”添加到这个PHP块生成的拇指(而不是图像)中,它允许超大插件()从文件夹中自动检测图像和拇指,但我不知道如何做到:

<?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;
}
?>

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

<li class="thumb1">
  <img src="http://.../img1.jpg">
</li>
<li class="thumb2">
  <img src="http://.../img2.jpg">
</li>
这可能也适用于您的lazyloading插件,假设要调用的函数是
lazyload()

你可以:

$("li[class^='thumb']").lazyload()
然后启动/初始化延迟加载插件。但是你确定超级插件不会事先加载自己的照片吗

如果不工作,你最好的办法是:

  • 扩展插件(如果可能)
  • 直接修改库(如果升级版本,请小心)

您可以使用JQuery实现这一点。似乎所有缩略图的前缀都是
thumb

<li class="thumb1">
  <img src="http://.../img1.jpg">
</li>
<li class="thumb2">
  <img src="http://.../img2.jpg">
</li>
这可能也适用于您的lazyloading插件,假设要调用的函数是
lazyload()

你可以:

$("li[class^='thumb']").lazyload()
然后启动/初始化延迟加载插件。但是你确定超级插件不会事先加载自己的照片吗

如果不工作,你最好的办法是:

  • 扩展插件(如果可能)
  • 直接修改库(如果升级版本,请小心)

谢谢你,迈克尔。我试过了,但没有成功。扩展插件和修改库超出了我的能力。我想我必须找到另一个为移动设备设计的、具有延迟加载功能的全屏多媒体资料。“快速”和“移动”是当今的关键词,而“超大型”也有它的时代。很遗憾,他们没有按照今天的标准更新这个图库。有人能给我推荐一个快速加载的全屏图像库吗?使用图像精灵进行图形、延迟加载等。。?非常感谢!谢谢你,迈克尔。我试过了,但没有成功。扩展插件和修改库超出了我的能力。我想我必须找到另一个为移动设备设计的、具有延迟加载功能的全屏多媒体资料。“快速”和“移动”是当今的关键词,而“超大型”也有它的时代。很遗憾,他们没有按照今天的标准更新这个图库。有人能给我推荐一个快速加载的全屏图像库吗?使用图像精灵进行图形、延迟加载等。。?非常感谢!谢谢你,迈克尔。我试过了,但没有成功。扩展插件和修改库超出了我的能力。我想我必须找到另一个为移动设备设计的、具有延迟加载功能的全屏多媒体资料。“快速”和“移动”是当今的关键词,而“超大型”也有它的时代。很遗憾,他们没有按照今天的标准更新这个图库。有人能给我推荐一个快速加载的全屏图像库吗?使用图像精灵进行图形、延迟加载等。。?非常感谢!