javascript - 单击最后一张幻灯片关闭漂亮的照片幻灯片

Question

我正在使用漂亮的照片 jquery 插件来显示幻灯片，最后一张幻灯片是“进入网站”，当用户点击这张幻灯片时，幻灯片应该停止，用户将被重定向到网站的主页。我该如何实现。

我尝试使用和标记的 onclick 事件，但没有一个被调用。我什至尝试使用“on”函数从 jQuery 注册 onclick 事件，但没有成功。

提前致谢。

Answer 1

由于prettyPhoto关闭时会调用回调函数，所以需要使用: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 */
      }
  }
});