Fotoshow

[Anonym]

Hallo,
benötige ein script bzw tipp wie ich folgendes realisieren kann.
Ich habe ein Pop-Up fenster mit einem Bild und einem Pfeil für weiter bzw. zurück. nun möchte ich nicht ein neues pop-up laden sondern nur das bild ersetzen, wie mache ich das?

document.img[0].src="…" ? geht das so???

das nächste bild ist immer nur eine nummer höher:
also
Bild1 = „name01.jpg“
bild2= „name02.jpg“
das ganze soll nun automatisch hochgezählt werden. aber wie?

und wie kann ich evtl. aus einer externen datei auch entsprechend text laden und in ein Textfeld einfügen, also einfügen ist klar,aber das laden???
wobei das ist nicht so wichtig.

Danke und Gruß Marcel

[simonhoss]

da kannst du einmal das nehmen das ist fürs umblättern

Test
<!–
var Bild = new Array();
Bild[0] = new Image(); Bild[0].src=„bilderbuch01.gif“;
Bild[1] = new Image(); Bild[1].src=„bilderbuch02.gif“;
Bild[2] = new Image(); Bild[2].src=„bilderbuch03.gif“;
Bild[3] = new Image(); Bild[3].src=„bilderbuch04.gif“;
Bild[4] = new Image(); Bild[4].src=„bilderbuch05.gif“;

var zeige = 0;
var Breite = 300;
var aktuelleBreite = 0;
var Schrittweite = 6;
var Schrittverzoegerung = 1;

function Blaettern(Richtung) {
zeige = zeige + Richtung;
if(zeige > Bild.length - 1) zeige = 0;
else if(zeige < 0) zeige = Bild.length - 1;
if(DOM || MS)
getElem(„id“,„Bildbereich“,null).style.clip=„rect(0 0 225 0)“;
if(DOM && !MS && !OP) {
var img = document.createElement(„img“);
var src = document.createAttribute(„src“);
src.nodeValue = Bild[zeige].src;
img.setAttributeNode(src);
getElem(„id“,„Bildbereich“,null).replaceChild(img, getElem(„id“,„Bildbereich“,null).firstChild);
}
else if(MS) {
document.all.Bildbereich.innerHTML = „<img src=“" + Bild[zeige].src + „“>";
}
else if(NS) {
getElem(„index“,0,null).visibility = „hide“;
setCont(„index“,0,null,"<img src="" + Bild[zeige].src + „“>");
getElem(„index“,0,null).clip.right = 0;
getElem(„index“,0,null).visibility = „show“;
}
BildAufbauen();
}

function BildAufbauen() {
if(aktuelleBreite <= Breite) {
if(DOM || MS && !OP)
getElem(„id“,„Bildbereich“,null).style.clip=„rect(0 „+ aktuelleBreite +“ 225 0)“;
else if(NS)
getElem(„index“,0,null).clip.right = aktuelleBreite;
aktuelleBreite = aktuelleBreite + Schrittweite;
window.setTimeout(„BildAufbauen()“, Schrittverzoegerung);
}
else {
aktuelleBreite = 0;
if(DOM || MS)
getElem(„id“,„Bildbereich“,null).style.clip=„rect(0 „+ Breite +“ 225 0)“;
else if(document.layers)
getElem(„index“,0,null).clip.right = Breite;
}
}

function SEITE_init() {
if(DOM && !MS && !OP) {
img = document.createElement(„img“);
var src = document.createAttribute(„src“);
src.nodeValue = Bild[0].src;
img.setAttributeNode(src);
getElem(„id“,„Bildbereich“,null).appendChild(img);
}
else if(document.all)
document.all.Bildbereich.innerHTML = „<img src=“" + Bild[0].src + „“>";
else if(NS)
setCont(„index“,0,null,"<img src="" + Bild[0].src + „“>");
}
//–>

<!–
#Bildbereich {
position:absolute; left:10px; top:140px; padding:0px; clip:rect(0 300 225 0); visibility:show; }
#Navigationsbereich {
position:absolute; left:320; top:140; width:100; font-size:18pt; }
–>

[]
[[>>](javascript:Blaettern(1))]

oder das:

Test
<!–
var b = new Array();
b[0] = new Image(); b[0].src = „holger.gif“;
b[1] = new Image(); b[1].src = „hilmar.gif“;
b[2] = new Image(); b[2].src = „heiner.gif“;
b[3] = new Image(); b[3].src = „hans.gif“;
var i = 0;
function Animation()
{
if(i > 3) i = 0;
document.images[0].src = b[i].src;
i = i + 1;
window.setTimeout(„Animation()“,1000);
}
window.setTimeout(„Animation()“,1000);
//–>

ich denke das ist das was du willst