nicht angemeldet
Ich würde gerne in meine Homepage eine Diashow einbinden und zwar keine, wo Fotos automatisch kommen und gehen, sonden eine, wo man Pfeile anklicken und so selbst die Geschwindigkeit der Diashow bestimmen kann.
Ich möchte zuerst auf eine Seite einige Foto-Thumbnails bringen, die dann, einmal angeklickt, zur Diashow führen.
Kann mir jemand erklären, wie ich so etwas machen kann?
Beispielsweise über folgendes Skript:
function viewer()
{
var dlwin = null;
if (!dlwin || dlwin.closed || !dlwin.document ) {
dltext="";
dlwin = open("pictures.htm","PictureViewer","resizable=no,scrollbars=no,width=700,height=550,screenX=0,screenY=0");
//if (isie) dlwin.moveTo(0,0);
}
else { dlwin.focus(); }
}
var pic = new Array()
pic[0] = new Image(); pic[0].src = "img/1.jpg";
pic[1] = new Image(); pic[1].src = "img/2.jpg";
pic[2] = new Image(); pic[2].src = "img/3.jpg";
pic[3] = new Image(); pic[3].src = "img/4.jpg";
pic[4] = new Image(); pic[4].src = "img/5.jpg";
pic[5] = new Image(); pic[5].src = "img/6.jpg";
pic[6] = new Image(); pic[6].src = "img/7.jpg";
pic[7] = new Image(); pic[7].src = "img/8.jpg";
pic[8] = new Image(); pic[8].src = "img/9.jpg";
pic[9] = new Image(); pic[9].src = "img/10.jpg";
pic[10] = new Image(); pic[10].src = "img/11.jpg";
pic[11] = new Image(); pic[11].src = "img/12.jpg";
pic[12] = new Image(); pic[12].src = "img/13.jpg";
pic[13] = new Image(); pic[13].src = "img/14.jpg";
pic[14] = new Image(); pic[14].src = "img/15.jpg";
pic[15] = new Image(); pic[15].src = "img/16.jpg";
pic[16] = new Image(); pic[16].src = "img/17.jpg";
pic[17] = new Image(); pic[17].src = "img/18.jpg";
pic[18] = new Image(); pic[18].src = "img/19.jpg";
pic[19] = new Image(); pic[19].src = "img/20.jpg";
pic[20] = new Image(); pic[20].src = "img/21.jpg";
pic[21] = new Image(); pic[21].src = "img/22.jpg";
pic[22] = new Image(); pic[22].src = "img/23.jpg";
pic[23] = new Image(); pic[23].src = "img/24.jpg";
pic[24] = new Image(); pic[24].src = "img/25.jpg";
pic[25] = new Image(); pic[25].src = "img/26.jpg";
pic[26] = new Image(); pic[26].src = "img/27.jpg";
pic[27] = new Image(); pic[27].src = "img/29.jpg";
pic[28] = new Image(); pic[28].src = "img/30.jpg";
pic[29] = new Image(); pic[29].src = "img/31.jpg";
pic[30] = new Image(); pic[30].src = "img/32.jpg";
pic[31] = new Image(); pic[31].src = "img/33.jpg";
pic[32] = new Image(); pic[32].src = "img/34.jpg";
pic[33] = new Image(); pic[33].src = "img/35.jpg";
pic[34] = new Image(); pic[34].src = "img/36.jpg";
pic[35] = new Image(); pic[35].src = "img/37.jpg";
pic[36] = new Image(); pic[36].src = "img/38.jpg";
pic[37] = new Image(); pic[37].src = "img/39.jpg";
pic[38] = new Image(); pic[38].src = "img/40.jpg";
pic[39] = new Image(); pic[39].src = "img/42.jpg";
pic[40] = new Image(); pic[40].src = "img/43.jpg";
pic[41] = new Image(); pic[41].src = "img/44.jpg";
pic[42] = new Image(); pic[42].src = "img/45.jpg";
pic[43] = new Image(); pic[43].src = "img/46.jpg";
pic[44] = new Image(); pic[44].src = "img/47.jpg";
pic[45] = new Image(); pic[45].src = "img/48.jpg";
pic[46] = new Image(); pic[46].src = "img/49.jpg";
pic[47] = new Image(); pic[47].src = "img/51.jpg";
pic[48] = new Image(); pic[48].src = "img/52.jpg";
pic[49] = new Image(); pic[49].src = "img/53.jpg";
pic[50] = new Image(); pic[50].src = "img/54.jpg";
pic[51] = new Image(); pic[51].src = "img/55.jpg";
pic[52] = new Image(); pic[52].src = "img/56.jpg";
pic[53] = new Image(); pic[53].src = "img/58.jpg";
pic[54] = new Image(); pic[54].src = "img/59.jpg";
pic[55] = new Image(); pic[55].src = "img/60.jpg";
pic[56] = new Image(); pic[56].src = "img/61.jpg";
pic[57] = new Image(); pic[57].src = "img/62.jpg";
pic[58] = new Image(); pic[58].src = "img/63.jpg";
pic[59] = new Image(); pic[59].src = "img/64.jpg";
var i = 0;
function PicUp()
{
if(i > 63) i = 0;
i = i + 1;
document.images[0].src = pic[i].src;
}
function PicDown()
{
if(i < 0) i = 63;
i = i - 1;
document.images[0].src = pic[i].src;
}