Hoi,
Ich habe ein Frameset erstellt. die .gif button haben rollovers =
alles OK. wenn ich nun einen Button anklicke soll nach dem laden
wieder das zweite Rolloverbild als Anzeig (wie bei mouseover)
erscheinen.
wie krieg ich das bloss hin???
Relativ einfach. Der JavaScript-Code:
function rollover(img,source1,source2) {
if(!img.active) {
if(img.state) {
img.src = source1;
img.state = 0;
}
else {
img.src = source2;
img.state = 1;
}
}
else {
if(img.state) {
img.src = source2;
img.state = 0;
}
else {
img.src = source1;
img.state = 1;
}
}
}
function hit(img) {
img.active = 1;
}
Aufruf im HTML:
<a
href="link"
onmouseover="rollover(document.images['name'],'bild_aus.gif','bild_an.gif');"
onmouseout="rollover(document.images['name'],'bild_aus.gif','bild_an.gif');"
onclick="hit(document.images['name']);"
><img src="bild_aus.gif" id="name"></a>
Zur Erklaerung: Es werden Schalter verwendet. Wenn ein Link
angeklickt wurde, wird eine Variable gesetzt, die anzeigt, dass der
Link gerade aktiv ist und dementsprechend werden die Bilder
vertauscht.
Gruesse,
CK