javascript - javascript lightbox2 - 如何向打开的img添加类？

Question

我在使用 lightbox2 插件时遇到问题。我有一张上面有课程的图像，我希望当图像在灯箱中打开时也能添加课程。

可能吗？

<a href="fileUpload/uploads/<?php echo $picture['gallery_src']; ?>" data-lightbox=<?php echo '"image-'.$picture['gallery_id'].'"' ?>>
        <img src=<?php echo '"fileUpload/uploads/'.$picture['gallery_src'].'"';?> id="filter-target" style="width:600px;">
</a>

Answer 1

这是您的 PHP 的清理版本。记得删除重复的 ID

echo '<a href="fileUpload/uploads/'.$picture['gallery_src'].'" data-lightbox="image-'.$picture['gallery_id'].'">';
echo '<img src="fileUpload/uploads/'.$picture['gallery_src'].'" id="filter-target" style="width:600px;">';
echo '</a>';

您可以通过运行以下代码向正在查看的图像添加类和数据属性：

$('body').on('click', 'a[rel^=lightbox], area[rel^=lightbox], a[data-lightbox], area[data-lightbox]', function(e) {

  $('#lightbox .lb-image')
    .addClass('filter-blur')
    .data('pb-blur-amount', 5);
});

这是一个演示