有没有一个基于 jQuery 的灯箱可以满足我的所有要求

发布于 2025-01-07 11:47:13 字数 777 浏览 1 评论 0原文

我使用了大量不同的灯箱脚本,从我自己编写的到广泛使用的,但我似乎找不到一个满足我所有要求的脚本

到目前为止,我已经仔细观察了 colorbox 和 slimbox2,但每个脚本都缺少我需要的不同功能。我也看过其他一些,但他们所缺乏的甚至比这两个还要多。

  • 必须具有典型​​的 Lightbox2 效果 - 即。加载每张照片时以动画方式扩展/收缩尺寸。
  • 必须支持多个图像并在模式中浏览这些图像(上一个/下一个)
  • 必须支持最小高度/宽度的选项或对视口的大小有硬性限制
  • 必须有标题栏或事件挂钩,我可以在标题栏中注入
  • 必须能够从传递图像数据集合的代码中调用窗口。指向它们的图像或锚点根本不会在 DOM 中。这实际上是加载与 Supersized 幻灯片。 (参见用法示例)

用法示例:

$('#supersized a[href]').click(function(e){
   /*
    * href is something like: 
    * gallery.php?gallery=parentGallery/subGallery
    */
   e.preventDefault();
   $.getJson($(this).attr('href'), function(json){
      $.thelighboxfunc(json.images);
   };
});

Ive used a ton of different lightbox scripts from ones ive written myself to widely used ones but i cant seem to find one that meets all of my requirements

So far Ive given colorbox and slimbox2 a close look but each one lack a different feature that i need. I've also looked at a few others but they have lacked even more than these two.

  • Must have typical Lightbox2 effect - ie. animating expand/contract of dimensions as each photo is loaded.
  • Must support multiple images and navigating through those images in the modal (prev/next)
  • Must support options for minimum height/width OR have a hard limit to the size of viewport
  • Must have title bar or event hooks where i could inject in a title bar
  • Must be able to invoke the window from code passing in the collection of image data. The images or anchors pointing to them will not be in the DOM at all. This is actually loading a sub-gallery of images that correspond to a "splash" image that is in a Supersized slideshow. (see usage example)

Usage example:

$('#supersized a[href]').click(function(e){
   /*
    * href is something like: 
    * gallery.php?gallery=parentGallery/subGallery
    */
   e.preventDefault();
   $.getJson($(this).attr('href'), function(json){
      $.thelighboxfunc(json.images);
   };
});

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

遗心遗梦遗幸福 2025-01-14 11:47:13

使用 Jack Moore 的 Colorbox http://jacklmoore.com/colorbox/

Use Colorbox by Jack Moore http://jacklmoore.com/colorbox/

风蛊 2025-01-14 11:47:13

最后我们决定对内容创作者施加最大尺寸要求。这从灯箱库中删除了 maxHeight/maxWidth 要求,然后我们就可以使用 Slimbox2。

In the end we decided to impose maximum dimension requirements or the content creators. This removed the maxHeight/maxWidth requirement from the lightbox library and we were then able to go with Slimbox2.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文