你好——我正在使用下面的代码(不是我的)来淡入/淡出图像,但我想用幻灯片效果替换淡入淡出效果(类似于我们在滑块插件中看到的)。我试图用下面的代码替换淡入淡出效果,("slide", { direction: "left" }, 1000);
但语法不正确。我怎样才能让它工作?非常感谢
带有 FADE-IN FADE-OU 的原始代码
var images = [
'path/to/image1.jpg',
'path/to/image2.jpg',
'path/to/image3.jpg',
];
var index = 0;
setInterval(change_up, 1000);
function change_up(){
index = (index + 1 < images.length) ? index + 1 : 0;
$('.block').fadeOut(300, function(){
$(this).css('background-image', 'url('+ images[index] + ')')
$(this).fadeIn(300);
});
}
修改后的代码具有滑动效果但不起作用
var images = [
'path/to/image1.jpg',
'path/to/image2.jpg',
'path/to/image3.jpg',
];
var index = 0;
setInterval(change_up, 1000);
function change_up(){
index = (index + 1 < images.length) ? index + 1 : 0;
$('.block'). ("slide", { direction: "left" }, 1000);
(, function(){
$(this).css('background-image', 'url('+ images[index] + ')')
$(this). ("slide", { direction: "left" }, 1000);
});
}