Diashow

[Kathrin]

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?

[Stefan Muenz]

Hallo Kathrin,

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.

Vielleicht gefaellt dir ja diese da:
http://selfhtml.teamone.de/dhtml/beispiele/bilderbuch.htm

viele Gruesse
  Stefan Muenz

[RedZack]

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?

geh mal auf http://javascript.internet.com und such dort nach SLIDESHOW

[Marko]

Hallo Kathrin,

also am einfachsten wäre da doch reines HTML ohne Java-Script. Einfach Seiten mit den Bildern, von denen jede Seite einen Link auf die vorhergehende und einen Link auf die folgende hat.

Oder verstehe ich da was falsch ? Wo ist das Problem ?

Gruss

Marko

[gant]

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;
}