Question

我在项目中使用了featherlight灯箱。现在一切正常但我想有更好更短的方法来编写我的代码。 Featherlight可以通过过滤器为不同的画廊找到不同的图像。对于一个页面上的2个图库，您需要为每个不同的过滤器，因此您可以使用特定过滤器循环显示图像。过滤器应该添加到锚点。

为锚点提供我使用的唯一类：

$('.gal1').find( 'a[href]' ).addClass( 'featured-image1' );
$('.gal2').find( 'a[href]' ).addClass( 'featured-image2' );
$('.gal3').find( 'a[href]' ).addClass( 'featured-image3' );
$('.gal4').find( 'a[href]' ).addClass.....and so on.

类.gal1，gal2或gal2由conent编辑器手动添加，以定义巫婆图像在巫婆库中，因为没有直接操纵锚。

它应该是什么样的：

$('.galX').find( 'a[href]' ).addClass( 'featured-imageX' );

和X应该是相同的数字。

我的问题：进行循环是否更短？如果不是，我会写出很多行，直到第20页。

我的第二个问题非常相似：

我已经像这样打电话给每个羽毛画廊：

$('#content').each(function(_i, gallery) {       
$(gallery).featherlightGallery({
    variant: 'gal',
  filter: '.featured-image1'
});
});
$('#content').each(function(_i, gallery) {       
$(gallery).featherlightGallery({
    variant: 'gal',
  filter: '.featured-image2'
});
});
.....and so on with .featured-image3, .featured-image4...

应该有更好的方法来写这个。

Maye有可能这样：

$('#content').each(function(_i, gallery) {       
$(gallery).featherlightGallery({
    variant: 'gal',
  filterX: '.featured-imageX' 
});
});

和X应该是相同的数字。我希望你明白我的意思。 THX

使用不同的滤镜编写一个羽毛灯功能

0 个答案: