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 中对各种单选按钮进行多次检查

css - 无法将新脚本加入 parent 主题

javascript - 当 cdn js cloudflare 不可用时 lightbox2 回退

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

c# - 使用 .load jquery 时执行 C# 代码

javascript - WebGL 和 Chrome : high resolution makes for bad performance

javascript - PHP 脚本未在服务器 shell 上显示正确的数据

javascript - IdentityServer oidc-js读取errorId

javascript - 在 React 中,如何在变量中包含变量?

javascript - 创建另一个帐户后显示失败 "Sorry, your registration failed. Please go back and try again."