nicht angemeldet
onload
Hi ich hab ne Frage :
Ich moechte auf einer Seite ein Bild anzeigen lassen und mit einem Img "Button" (ein Pfeil) auf die naechste Seite gelangen, sprich ein neues Bild laden. Nun hab ich neben einem großen Bild noch 6 kleinere, die immer die letzten 2, das aktuelle und die naechste 3 anzeigen, sodass man sich orientieren kann, an welcher Stelle man ungefaehr schon ist. Leider reicht es nicht aus, diese ganzen Eigenschaften in das onclick event ("next()") des img "Button" zu schmeißen, da ich mit einem Server kommuniziere. Heisst : Bei jedem Klick auf den img Button wird die funktion next() aufgerufen, in der sich am Ende folgendes befindet:
jetzt= new Date();
Zeit= jetzt.getTime()/1000;
document.uebergaben.nachdemklick.value = Zeit;
document.uebergaben.submit();
Durch das Submit wird die Seite neu geladen. Jetzt hab ich das Problem, dass ich aber die Anzeige der 6 kleinen Bilder abhaengig davon machen muss, welches große Bild momentan angezeigt wird.
Also soll das erste der 6 kleinen Bilder das 2te Bild vor dem aktuellen Bild sein, das 5te das erste Bild vor dem aktuellen , das 3te das aktuelle selbst , das vierte das naechste nach dem aktuellen, das fuenfte das uebernaechste und das 6te das ueberuebernaechste..
Da die Seite aber durch das submit neugeladen wird (was notwendig ist) , werden die src der 6 kleinen Bilder erneut mit dem Anfangswert ueberschrieben, da diese ja so aufgebaut sind :
<img src="jpg/00.jpg" name="eins" width="100" onClick="enlarge1()" >
<img src="jpg/01.jpg" name="zwei" width="100" onClick="enlarge2()">
<img src="jpg/02.jpg" name="drei" width="100" onClick="enlarge3()">
<img src="jpg/03.jpg" name="vier" width="100" onClick="enlarge4()" >
<img src="jpg/04.jpg" name="fuenf" width="100" onClick="enlarge5()">
<img src="jpg/05.jpg" name="sechs" width="100" onClick="enlarge6()">
Nun dachte ich, koennte ich es durch das event "onload" erreichen, dass der src zumindest jedesmal nachtraeglich geaendert wird:
<img src="jpg/00.jpg" name="eins" width="100" onClick="enlarge1()" onload="refreshed1()">
<img src="jpg/01.jpg" name="zwei" width="100" onClick="enlarge2()" onload="refreshed2()">
<img src="jpg/02.jpg" name="drei" width="100" onClick="enlarge3()" onload="refreshed3()"><br>
<img src="jpg/03.jpg" name="vier" width="100" onClick="enlarge4()" onload="refreshed4()">
<img src="jpg/04.jpg" name="fuenf" width="100" onClick="enlarge5()" onload="refreshed5()">
<img src="jpg/05.jpg" name="sechs" width="100" onClick="enlarge6()" onload="refreshed6()">
Jetzt bekomme ich leider bei jedem Neuladen eine Meldung "Stack Overflow in Line 0"
Woran koennte das liegen ?
Hier noch der komplette html body ( den js Code moechte ich euch ersparen, ist ein wenig viel .. )
<body>
<img src="pfeil-wei.jpg" style="z-index: 103; left: 42px; position: absolute; top: 175px; width: 58px; height: 62px;" onclick="runter()"/>
<img src="pfeil-wei2.jpg" style="z-index: 104; left: 38px; position: absolute; top: 746px" height="62" width="58" onclick="hoch()"/>
<img src="pfeil-schw.jpg" style="z-index: 102; left: 773px; position: absolute; top: 754px; width: 86px; height: 46px;" onClick="next()" />
<img height="46" src="pfeil-schw2.jpg" style="z-index: 105; left: 127px; position: absolute;
top: 762px" width="86" OnClick="prev()" />
<img src="jpg/<%response.Write Request.Form("Bild") %>.jpg" name="bild" style="height: 585px; width: 746px; left: 127px; position: absolute; top: 168px; z-index: 106;" id="IMG1" language="javascript" >
<table border="0" style="width: 8%; position: absolute; height: 50%; z-index: 100; left: 14px; top: 164px;">
<tr>
<td style="width: 40px; height: 651px">
<img src="jpg/00.jpg" name="eins" width="100" onClick="enlarge1()" onload="refreshed1()">
<img src="jpg/01.jpg" name="zwei" width="100" onClick="enlarge2()" onload="refreshed2()">
<img src="jpg/02.jpg" name="drei" width="100" onClick="enlarge3()" onload="refreshed3()"><br>
<img src="jpg/03.jpg" name="vier" width="100" onClick="enlarge4()" onload="refreshed4()">
<img src="jpg/04.jpg" name="fuenf" width="100" onClick="enlarge5()" onload="refreshed5()">
<img src="jpg/05.jpg" name="sechs" width="100" onClick="enlarge6()" onload="refreshed6()">
</td>
</tr>
</table>
</body>