Sven: Diashow

Hallo,

ich möchte gerne eine diashow in meine HP einbauen, welche nicht erst gestartet wird. Dabei habe ich dann nach längerem suchen den unten stehenden code gefunden. Jetzt ist meine frage...wie schaffe ich es dass die Bilder eine bestimmte größe haben. Immer wenn ich versucht habe den code dafür hinzuschreiben ging garnichts mehr...ich hab es fast an jeder stelle versucht und bin gerade etwas verzweifelt.
Danke für eure Hilfe!

<HEAD>

<SCRIPT LANGUAGE="JavaScript">

<!-- Begin
var timeDelay = 5; // change delay time in seconds
var Pix = new Array
("../Bilder/Diashow/1.jpg"
,"../Bilder/Diashow/2.jpg"
,"../Bilder/Diashow/3.jpg"
,"../Bilder/Diashow/4.jpg"
,"../Bilder/Diashow/5.jpg"
,"../Bilder/Diashow/6.jpg"
,"../Bilder/Diashow/7.jpg"
,"../Bilder/Diashow/8.jpg"
,"../Bilder/Diashow/9.jpg"
,"../Bilder/Diashow/10.jpg"
,"../Bilder/Diashow/11.jpg"
,"../Bilder/Diashow/12.jpg"
,"../Bilder/Diashow/13.jpg"
,"../Bilder/Diashow/14.jpg"
,"../Bilder/Diashow/15.jpg"
,"../Bilder/Diashow/16.jpg"
,"../Bilder/Diashow/17.jpg"
,"../Bilder/Diashow/18.jpg"
,"../Bilder/Diashow/19.jpg"
,"../Bilder/Diashow/20.jpg"
,"../Bilder/Diashow/21.jpg"
,"../Bilder/Diashow/22.jpg"
,"../Bilder/Diashow/23.jpg"
,"../Bilder/Diashow/24.jpg"
,"../Bilder/Diashow/25.jpg"
,"../Bilder/Diashow/26.jpg"

)

;
var howMany = Pix.length;
timeDelay *= 1000;
var PicCurrentNum = 0;
var PicCurrent = new Image();
PicCurrent.src = Pix[PicCurrentNum];
function startPix() {
setInterval("slideshow()", timeDelay);
}
function slideshow() {
PicCurrentNum++;
if (PicCurrentNum == howMany) {
PicCurrentNum = 0;
}
PicCurrent.src = Pix[PicCurrentNum];
document["ChangingPix"].src = PicCurrent.src;
}
//  End -->
</script>
</HEAD>

<BODY OnLoad="startPix()">

<img name="ChangingPix" src="../Bilder/Diashow/0.bmp">

  1. Hallo Sven,

    Jetzt ist meine frage...wie schaffe ich es dass die Bilder eine bestimmte größe haben.

    <img name="ChangingPix" src="../Bilder/Diashow/0.bmp">

    so wie ich es verstehe, ist das kein Javascriptproblem. Das <img>-Element kennt die Attribute <http://de.selfhtml.org/html/grafiken/einbinden.htm#breite_hoehe@title=height und width>, was sich auch mit Stylesheets machen ließe (height, width). Vermutlich meinst Du das aber nicht. Also erkläre bitte dann genau, was Du willst!

    Gruß aus Berlin!
    eddi

  2. Lieber Sven,

    Dabei habe ich dann nach längerem suchen den unten stehenden code gefunden. [...]
    <SCRIPT LANGUAGE="JavaScript">
    [... *grauenvoller Code* ...]

    wie man das sinnvoll umsetzen kann erfährst Du hier: Fader-Framework - kleiner Lehrgang zum vernünftigen Schreiben eines JavaScripts

    Beachte insbesondere auch das Beispiel, das eine bestehende Bilderliste in eine "Diashow" umwandelt.

    Liebe Grüße,

    Felix Riesterer.

    --
    ie:% br:> fl:| va:) ls:[ fo:) rl:° n4:? de:> ss:| ch:? js:) mo:} zu:)