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：互動幻燈片

回答

相關問題