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

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