Question

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

此外，我想将代码保存在单独的文档中（一个用于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/（图像文件已损坏）

非常感谢您的帮助！

Answer 1

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

仍然不完美，但也许它会给你一些帮助，你可以用onclick方法做到这一点。

此外它现在自动启动，并添加了jquery。

$（document）.ready（function（）{ 幻灯片（）; }）;

图像只是随机的：

 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"

Javascript：交互式幻灯片

1 个答案: