javascript - Lightbox2 - 返回幻灯片开始处

标签 javascript jquery lightbox2

我正在使用带有打印功能的 Lightbox2 ( http://sandbox.tse-webdesign.be/lightbox-print/ )。我想在灯箱效果中为用户提供返回幻灯片开头的选项。有人实现过类似的事情吗?

不太理想,但如果转到幻灯片开头的按钮/链接很困难,也许会更容易 - 我可以结束放映吗?那么当用户到达图像 10 或 10 时,单击下一步按钮将转到图像 1(共 10 个)?

最佳答案

在 JS 文件中添加了新的模式。幻灯片中的最后一张图片将指向画廊的第一张图片。

      //Go back home
  $lightbox.find('.lb-backhome').on('click', function(e) {
    _this.changeImage(0);
    console.log('back home link');
    return false;
  });    

还有

      if (this.currentImageIndex < this.album.length - 1) {
    $lightbox.find('.lb-next').show();
  }else{
    //Return this click index back to number one image
    $lightbox.find('.lb-backhome').show();
  }

只需更新我修改后的整个 CSS 和 JS 文件即可。

我的 fiddle :http://jsfiddle.net/eguky/

根据 CC 规则

灯箱 v2.51 作者:Lokesh Dhakar - http://www.lokeshdhakar.com

欲了解更多信息,请访问: http://lokeshdhakar.com/projects/lightbox2/

根据知识共享署名 2.5 许可证 - http://creativecommons.org/licenses/by/2.5/ 获得许可 - 免费用于个人和商业项目 - 归属要求完整保留作者姓名、作者链接和许可信息

关于javascript - Lightbox2 - 返回幻灯片开始处,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19670668/

相关文章:

javascript - 单击时跨度不更改类

javascript - 如何在 TypeScript 中将数组初始化为元组类型?

javascript - 为什么我不能像 Jquery dom 节点构造中的 .attr() 那样内联 .data()?

javascript - 如果选中将值添加到数组,则 react 复选框

javascript - 如果 AJAX 请求在上一个请求的 5 秒内,我该如何阻止它?

jquery - 搞乱 IE 中的阴影

javascript - OpenLayers 弹出窗口中的灯箱画廊

javascript - Chrome 使用 Lightbox 调用服务器两次

javascript - 如何让 crossSlide 和 lightbox2 在同一页面上协同工作

Javascript/ES2015,计算出现次数并将其存储为数组中的对象