我使用了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 */
}
}
});