Javascript 单击幻灯片图像强制执行一个步骤
所以我有一个简单的幻灯片:Javascript 单击幻灯片图像强制执行一个步骤,javascript,Javascript,所以我有一个简单的幻灯片: .imgT{ position:absolute; width:100%; left:0; top:0; cursor:pointer; } 它可以工作,但我需要通过单击imgT强制执行此代码,而无需等待五秒钟 换句话说,如果没有点击,幻灯片应该按原样工作,但是如果有点击,它应该只执行一个步骤,即用下一个更改实际图片,然后等待下一次点击,如果存在,等等 有什么想法吗?我想这就是你要找的 $(function(){ $(
.imgT{
position:absolute;
width:100%;
left:0;
top:0;
cursor:pointer;
}
它可以工作,但我需要通过单击imgT
强制执行此代码,而无需等待五秒钟
换句话说,如果没有点击,幻灯片应该按原样工作,但是如果有点击,它应该只执行一个步骤,即用下一个更改实际图片,然后等待下一次点击,如果存在,等等
有什么想法吗?我想这就是你要找的
$(function(){
$('#divR img:gt(0)').hide();
setInterval(function(){
$('#divR :first-child').fadeOut(1000)
.next('img').fadeIn(1000)
.end().appendTo('#divR');},
5000);
});
你的意思是,你只想有一个标准的旋转木马,没有5秒钟的等待时间吗?@AndreaM16,我想这是标准的旋转木马,但我需要一次点击强制改变一个img。在点击之后,如果有下一个,它应该再次更改一个img,但是如果没有点击,img应该在五秒钟后自动更改
$(function(){
$('#divR img:gt(0)').hide();
setInterval(function(){
$('#divR :first-child').fadeOut(1000)
.next('img').fadeIn(1000)
.end().appendTo('#divR');},
5000);
});
$(function(){
$('#divR img:gt(0)').hide();
function next() {
$('#divR :first-child').fadeOut(1000)
.next('img').fadeIn(1000)
.end().appendTo('#divR');
};
var interval;
function start() {
clearInterval(interval);
interval = setInterval(next, 5000);
};
start();
$('img').click(function() {
start();
next();
});
});