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

Question

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

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

提前致谢。

Answer 1

由于关闭漂亮照片时会调用回调函数，因此需要使用： 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 */
      }
  }
});