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 */
      }
  }
});

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

1 个答案: