Javascript Gallery 自动使用页面上的所有大图像

我有一个网站，一个大页面上有很多图像。

最简单的是我可以包含一个脚本，它自动搜索同一页面并使用所有大于 100 像素的图像来创建幻灯片库。

有人知道这样一个简单的脚本，不需要任何编程技能吗？

我发现这是一个开始：

jQuery 获取大于特定尺寸的元素内的所有图像 https://stackoverflow.com/questions/8933183/jquery-get-all-images-within-an-element-larger-than-a-specific-size

要使所有图像大于某个尺寸，您可以使用如下内容：

var allImages = $('img', yourDivElement)

var largeImages = allImages.filter(function(){
  return ($(this).width() > 70) || ($(this).height() > 70)
})

更新：

经过更多研究后，我发现这是最合适的：花式盒子画廊 http://fancyapps.com/fancybox/#examples

应该在这个页面上实现：

http://www.kathrinhoffmann.com/ http://www.kathrinhoffmann.com/

这实际上取决于您最喜欢的灯箱（“画廊开瓶器”）是什么。假设你喜欢暗箱 http://www.shadowbox-js.com/。这个需要rel="shadowbox[gallery-name]"其中画廊名称是可选的。 Shadowbox 有趣的一面是lightbox代替shadowbox也会起作用。

然后您需要做的是使用此 rel 属性在图像周围添加链接标签。

var img = $("img"),
    a = "<a href='",
    b = "' rel='lightbox[",
    galName = "chooseName",
    c = "]'>";

img.each(function() {
    var $this = $(this);
    if ($this.width() > 100 || $this.height() > 100) {
        $this.wrap(a + $this.attr("src") + b + galName + c);
    }
});

Fiddle http://jsfiddle.net/BramVanroy/8vDBN/1.