Javascript 完整背景图像幻灯片jquery,要使幻灯片的最后一张图像可单击吗
这可能是个新手问题,如果答案显而易见,请原谅我。我做了一个搜索,以避免再次询问,但我想要的是非常具体的,我想知道它是否可能实现 我有一个使用以下jquery代码的背景图像幻灯片。我用图像的顺序做了一个演示。最后一张图片,我希望它是可点击的。但只有最后一张图片 想了解一个想法,请看我到目前为止做了什么: 我正在使用以下插件:bgsluder-INIT.JSJavascript 完整背景图像幻灯片jquery,要使幻灯片的最后一张图像可单击吗,javascript,jquery,html,css,image,Javascript,Jquery,Html,Css,Image,这可能是个新手问题,如果答案显而易见,请原谅我。我做了一个搜索,以避免再次询问,但我想要的是非常具体的,我想知道它是否可能实现 我有一个使用以下jquery代码的背景图像幻灯片。我用图像的顺序做了一个演示。最后一张图片,我希望它是可点击的。但只有最后一张图片 想了解一个想法,请看我到目前为止做了什么: 我正在使用以下插件:bgsluder-INIT.JS /*global $:false */ /*global window: false */ (function(){ "use stri
/*global $:false */
/*global window: false */
(function(){
"use strict";
$(function ($) {
//BG SLIDESHOW WITH ZOOM EFFECT
$.mbBgndGallery.buildGallery({
containment:"body",
timer:1300,
effTimer:1300,
controls:false, //updated in v1.1
grayScale:false,
shuffle:false,
preserveWidth:false,
preserveTop: true,
effect:"fade",
//effect:{enter:{transform:"scale("+(1+ Math.random()*2)+")",opacity:0},exit:{transform:"scale("+(Math.random()*2)+")",opacity:0}},
// If your server allow directory listing you can use:
// (however this doesn't work locally on your computer)
//folderPath:"testImage/",
// else:
images:[
"images/bg/01.jpg",
"images/bg/02.jpg",
"images/bg/03.jpg",
"images/bg/04.jpg",
"images/bg/05.jpg",
"images/bg/06.jpg",
],
onStart:function(){},
onPause:function(){},
onPlay:function(opt){},
onChange:function(opt,idx){},
onNext:function(opt){},
onPrev:function(opt){}
});
});
// $(function ($) : ends
})();
// JSHint wrapper $(function ($) : ends
最后一个图像,image06我希望它是可点击的,我到底需要向代码中添加什么才能达到这个效果。我想将它链接到我页面上的一个部分,并添加一个滚动类。看起来幻灯片的背景是一个div类“mbBgndGallery”。幻灯片对我来说不是很正常,但是我认为这个插件只是在取代img src。所以,如果你对这个插件一无所知,我假设你知道哪个图像是幻灯片中的最后一个图像。在本例中,它看起来像“images/bg/06.jpg” 这是最后一张图片。所以我会写这样的东西
if($('.mbBgndGallery img').attr('src') === 'images/bg/06.jpg') {
$('.mbBgndGallery').on('click', function() {
window.location = "someURL.com";
});
}
当然,这个if语句只会在加载页面时出现。这段代码应该直接添加到插件本身,但是如果你不知道怎么做,我建议设置一个间隔,每次更改图像时检查。看起来好像每1300毫秒更改一次图像。所以为相同的时间设置一个间隔。稍微有点偏移
var i = setInterval(function() {
if($('.mbBgndGallery img').attr('src') === 'images/bg/06.jpg') {
$('.mbBgndGallery').on('click', function() {
window.location = "someURL.com";
});
}
}, 1350);
使用jQuery的.click()命令:
$('.mbBgndGallery').click(function() {
$(this).find('img').each(function() {
if( $(this).attr('src') == 'images/bg/06.jpg' )
DO CLICK STUFF
});
});