Tag: lightgallery

多个合理的图像网格库 – 使用lightgallery定制灯箱调用/标记

霍拉，我正在使用JIG来创建我的画廊。 画廊具有以下结构： … 可以使用ID标签识别图库，例如“jig1，jig2等等……” 现在如何为每个画廊调用灯箱？ 这仅适用于第一个图库 $(‘.justified-image-grid’).lightGallery({ selector: ‘.lulz’ }); 或者我可以使用： $(‘#jig1’).lightGallery({ selector: ‘.lulz’ }); 有趣的是，即使这不加载第二个画廊的灯箱？ $(‘#jig2’).lightGallery({ selector: ‘.lulz’ });

准备好添加类，在mouseenter上删除类

我正在创建我的投资组合网站。 我希望在文档就绪上添加类，并在hover时删除/更改该类到不同的类。 我在加载和hover时使用lightgallery和CSS克filter来处理我的图像。 以前，我添加了一个列表。 不幸的是，它并不适合我的需求。 以前的代码 $(“#gallery a”).on({ mouseenter : function() { $(this).find(“.nak-gallery-poster”).removeClass(“inkwell”).addClass(“mayfair”); }, mouseleave : function() { $(this).find(“.nak-gallery-poster”).removeClass(“mayfair”).addClass(“inkwell”); } }); 我改变了jQuery以匹配前面代码中的内容。 这没用。 请帮忙。 我的CodePen

AngularJS中的lightGallery（jQuery插件）

我正在尝试使用lightGallery jQuery插件（ http://sachinchoolur.github.io/lightGallery/index.html ）与AngularJS一起使用。 我发现一些答案表明我需要一个指令，所以我创建了以下内容： .directive(‘lightGallery’, function() { return { restrict: ‘A’, link: function(scope, element, attrs) { jQuery(element).lightGallery(); } }; }) 然后在我看来我这样做： （我也试过 ）当我运行页面时，当我点击任何缩略图时没有任何反应。 我可以在链接function中放置一个alert() ，然后显示。 如何让AngularJS与jQuery和这个插件一起玩？ 更新： 经过一些调试后，似乎在模型绑定到视图之前执行了jQuery(element).lightGallery() 。 那么问题就是如何在一切都被约束而不是之前得到一个指令来被调用。