jQuery Lightbox 或具有图像数组的等效项

2024-03-12

我正在尝试实现一个Lightbox http://leandrovieira.com/projects/jquery/lightbox/- 样式库,其中单击文本链接会启动从数组加载的图像幻灯片,而不是从页面上的内联内容加载。我能找到的所有示例都使用一组以某种方式相关的内联图像(即使用 rel 标签或类)。我想使用 Javascript 数组中的路径来定义图像。

有人知道解决方案或有任何指示吗? TIA。


以下适用于您可以从插件网站下载的示例。

Demo here http://redsquare.gogo2.co.cc/lb/

$(function() {
        $('#testLink').click( dynamicLightBoxinit );
    });

    function dynamicLightBoxinit(){
        images = ["photos/image1.jpg", "photos/image2.jpg","photos/image3.jpg","photos/image4.jpg","photos/image5.jpg"];
        var imageBuilder='';
        for (var i = 0; i  < images.length; i++)  {

            imageBuilder += '<a href="'+images[i]+'"><img src="';
            imageBuilder += images[i];
            imageBuilder += '" \></a>';
          }

          var lb = $(imageBuilder);
          lb.lightBox();
          lb.filter('a:first').click();
        }
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

jQuery Lightbox 或具有图像数组的等效项 的相关文章

随机推荐

  • Git 克隆:“您似乎克隆了一个空存储库”

    我和一些同事一直致力于一个存储在私人 git 存储库中的项目 历史上没有问题 但最近我尝试克隆 遇到了以下问题 Cloning into project warning You appear to have cloned an empty
  • 限制从 Linq 列表中返回的结果数

    我正在使用 Linq EF4 1 从数据库中提取一些结果 并希望将结果限制为 X 个最新结果 其中X是用户设置的数字 有没有办法做到这一点 我目前正在将它们作为List如果这有助于限制结果集 虽然我可以通过循环来限制这一点 直到我点击 X
  • 默认 GNU 链接器脚本名称,以便 VIM 进行语法突出显示

    链接描述文件的常用后缀是什么 以便 VIM 对其使用语法突出显示 好像是 ld 仅据我所知 Vim 没有提供它的语法文件 至少我的没有 7 3 尝试提供下载的内容here http vim 1045645 n5 nabble com Syn
  • 优化内存密集型数据流管道的 GCP 成本

    我们希望降低在 GCP Dataflow 中运行特定 Apache Beam 管道 Python SDK 的成本 我们构建了一个内存密集型 Apache Beam 管道 每个执行器上运行需要大约 8 5 GB RAM 当前正在加载一个大型机
  • C :警告:赋值使指针来自整数而不进行强制转换[默认启用]

    这是我的代码 include
  • Flink TaskManager 超时?

    我正在运行 Flink 应用程序 通过 Yarn 似乎有时任务管理器会随机超时 这是错误 java util concurrent TimeoutException Heartbeat of TaskManager with id some
  • 将日期与 data.table 包一起使用

    我最近发现了 data table 包 现在想知道是否应该替换我的一些 plyr 代码 总而言之 我真的很喜欢plyr 并且我基本上实现了我想要的一切 然而 我的代码运行了一段时间 并且加快速度的前景足以让我运行一些测试 这些测试很快就结束
  • 使用 jQuery 的 Jenkins json REST api 和 CORS 请求

    我正在尝试使用 Jenkins json API 但无法使身份验证正常工作 setup 詹金斯安全 Jenkin s own user database access Matrix gebaseerde beveiliging CORS 通
  • 'Mysql:Class 的未定义方法初始化'

    我的 MySQL 服务器安装一直遇到问题 在断电后变得混乱 配置 运行 OS X 10 6 5 的 Intel i5 Mac已安装红宝石 1 9 2已安装 Rails 3 0 1MySQL 服务器 最终 安装并运行我完全重新安装了MySQL
  • 延迟加载的 React 路由器无论如何都会路由加载

    我一直在尝试使用 React lazy 和 Suspense 在 React 中延迟加载路由 但无论当前路径如何 某些组件都会加载 Feed Profile 和 Settings 请注意 我实际上并不想延迟加载像 MenuAppBar 和
  • TypeError(不可排序类型:int() <= NoneType())

    这是我第一次用 Python 编写代码 需要一些帮助 我正在使用 Python 34 根本无法理解发生了什么 def roll v x input return x v def startGame v 0 while 0 lt v erro
  • 在 Python Sphinx 生成的文档中包含动态内容

    我正在使用 Sphinx 为我的项目生成文档 并在产品安装过程中构建文档 我想在文本和 或代码块中动态包含主机名 我没有在文档中看到任何解释 也没有看到任何包含 shell 命令输出或特定文件中特定行以外的任何内容的工具 有这个功能吗 这里
  • UIStackView 比例布局仅具有内在内容大小

    我在 UIStackView 中排列子视图的布局方面遇到问题 想知道是否有人可以帮助我了解发生了什么 所以我有 UIStackView 有一些间距 例如 1 但这并不重要 和 fillProportionally 分布 我添加的排列子视图仅
  • 文件复制/删除和移动之间的区别

    有什么区别 复制文件并使用删除它File Copy and File Delete 使用移动文件File Move 执行这些操作所需的权限有什么区别吗 非常感谢任何帮助 File Move 方法可用于将文件从一个路径移动到另一路径 此方法适
  • 使用 gtag.js 在 Google Analytics 中进行事件跟踪

    我最近开始学习Google Analytics GA 我有 Angular 中的单页应用程序 应用程序中有一个登录按钮 我想跟踪有多少用户使用 GA 登录 所以我所做的就是在 GA 中创建一个属性并获取跟踪 id 然后我在索引页面后面添加了
  • Matplotlib savefig 在图外有图例

    阅读下面的文章 我设法将图例放在情节之外 如何将传说从情节中剔除 https stackoverflow com questions 4700614 how to put the legend out of the plot code im
  • 将矩阵分配给 data.table 的子集

    我想将一个矩阵分配给一个多列子集data table但矩阵最终被视为列向量 例如 dt1 lt data table a1 rnorm 5 a2 rnorm 5 a3 rnorm 5 m1 lt matrix rnorm 10 ncol 2
  • iOS:在不播放视频的情况下获取视频时长和缩略图

    我需要获取 本地 视频的持续时间 然后访问其各个帧 如下所示UIImages 到目前为止我一直在使用MPMoviePlayerController为了这 首先我注册MPMovieDurationAvailableNotification事件
  • 我如何上传视频并将其保存到 codeigniter 中的文件夹中?

    我是 codeigniter 的新手 我需要帮助上传图片和视频并将其保存到文件夹和数据库 这是我的控制器 public function upload this gt m upload gt upload this gt upload ga
  • jQuery Lightbox 或具有图像数组的等效项

    我正在尝试实现一个Lightbox http leandrovieira com projects jquery lightbox 样式库 其中单击文本链接会启动从数组加载的图像幻灯片 而不是从页面上的内联内容加载 我能找到的所有示例都使用