关闭漂亮的照片幻灯片上点击最后一张幻灯片

Close pretty photo slideshow on click of last slide

本文关键字：幻灯片 最后 一张 漂亮 照片      更新时间：2023-09-26

我使用了pretty photo jquery插件来显示幻灯片，最后一张幻灯片是'Enter site'，当用户点击这张幻灯片时，幻灯片应该停止放映，用户将被重定向到网站的主页。我该如何实现呢?

我试图使用onclick事件和标签，但他们都没有被调用。我甚至尝试使用'on'函数从jQuery中注册onclick事件，但没有运气。

由于回调函数是在pretypto关闭时调用的，因此您需要使用:changepicturecallback，每次显示/更改项时调用。在这个函数中，你必须读取当前项并计算它是否是最后一个。

试试这段代码:

$("a[rel^='prettyPhoto']").prettyPhoto({
  animationSpeed:'normal',
  slideshow:5000,
  show_title: true,
  allow_resize: true,
  autoplay_slideshow: true,
  social_tools: false,
  deeplinking: false,
  callback: function(){
      console.log('pretty photo is closed')
  },
  image_markup: '<img id="fullResImage" class="fullResImage" src="{path}" />',
  changepicturecallback: function(){
      var currentSlide = ($('.pp_gallery').find('li').index($('.selected'))+1);
      var myArray = jQuery('.currentTextHolder').text().split('/');
      if(currentSlide == myArray[1]){
        /* Make redirect to your HP */
      }
  }
});
相关文章：