gpt4 book ai didi

javascript - 全背景图片幻灯片jquery,想让幻灯片的最后一张图片可点击

转载 作者:行者123 更新时间:2023-11-28 11:51:49 25 4
gpt4 key购买 nike

这可能是一个新手问题,如果答案显而易见,请原谅我。我进行了搜索以避免重新询问,但我想要的非常具体,我想知道是否有可能实现。

我有一个使用以下 jquery 代码的背景图片幻灯片放映。我使用图像的顺序来进行演示。最后一张图片,我希望它是可点击的。但只有最后一张图片。

关于一个想法,请看看我到目前为止做了什么:http://www.gulfandlevant.co.uk/taki/index09.html

我正在使用以下插件:BGSLIDER-INIT.JS

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

关于javascript - 全背景图片幻灯片jquery,想让幻灯片的最后一张图片可点击,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20290706/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com