Javascript：互动幻灯片

所以我所做的是一个简单的幻灯片，循环三个图像。我需要做的是知道添加一些js代码让我的按钮工作。除非名称不清楚，否则我想按前一个按钮返回一个图像，然后按下一个按钮以转到下一个图像。Javascript：互动幻灯片

此外，我想保持代码在单独的文件（一个用于html，一个用于css，一个用于js）。

var image1 = new Image() 
image1.src = "pics/image1.png" 
var image2 = new Image() 
image2.src = "pics/image2.png" 
var image3 = new Image() 
image3.src = "pics/image3.png" 

var nr = 1; 

function slideshow() { 

    document.images.slideshow.src = eval("image" + nr + ".src"); 

if (nr < 3) nr++; 

    else nr = 1; 

    setTimeout("slideshow()", 3000); 

} 

var prev = document.querySelector(".prev"); 
var next = document.querySelector(".next"); 


slideshow();

这里找到完整的代码：这里：http://jsfiddle.net/n5HHz/1/（图像文件被破坏OFC）

非常感谢帮助！

来源

2014-02-20 Andrew P

检查这些链接：http://www.javascriptkit.com/howto/show3.shtml http://mrbool.com/how-to-create -a-幻灯片式的JavaScript换初学者/ 28045 –

http://jsfiddle.net/n5HHz/10/

还不够完善，但也许它会给你如何你可以用的onclick方法做一点帮助。

它现在自动启动，并添加jQuery。

$（文件）。就绪（函数（）{ 幻灯片（）; }）;

图片是只是随机的：

var image1 = new Image() 
image1.src = "http://d1jqu7g1y74ds1.cloudfront.net/wp-content/uploads/2013/11/alma-580x580.jpg" 
var image2 = new Image() 
image2.src = "http://static.adzerk.net/Advertisers/bc85dff2b3dc44ddb9650e1659b1ad1e.png" 
var image3 = new Image() 
image3.src = "http://staticd.cdn.adblade.com/banners/images/100x75/4365_5229fd58bdf87.jpg"

来源

2014-02-20 14:03:56 perene

Javascript：互动幻灯片

回答

相关问题