onclick Bilderwechsel

W

webos

Grünschnabel
Hallo
hab da ein Problem,
wie unten gezeigt, bei Mausklick Bildwechsel, soweit sogut, auch dass das 1Bild ein href erhält,
Ich möchte aber auf Beiden Bildern ein href.
Also bei i_sound11.gif soll: <a href="../../../radio.htm">
und bei no_sound01.gif soll: <a href="../../../noradio.htm">
erscheinen.
Wie kann ich das machen?
Danke...

PHP: 
<html>
<head>
<script language="JavaScript" type="text/javascript">
function swapArrow(bild){
  i_sound11 = new Image();
  i_sound11.src = "i_sound11.gif";
  no_sound01 = new Image();
  no_sound01.src = "no_sound01.gif";
  
  if(bild.src.indexOf('i_sound11.gif') == -1){
    bild.src = i_sound11.src;
  }
  else{
    bild.src = no_sound01.src;
  }
}
</script>
</head>

<body>
<a href="../../../radio.htm">
<img src="i_sound11.gif" onClick="swapArrow(this)" width="45" height="45"></a>
</body>
</html>
 
Zuletzt bearbeitet von einem Moderator:
Ich will ja nichts sagen, aber wenn du einen onClick-Handler auf dein Bild legst,
nützt dir das gar nichts, weil der Link ja auch ausgeführt wird.
Also bringt es dir wohl nur etwas, wenn du z.B. das target-Attribut des Linkes än-
derst, aber das mal nur so nebenbei.

Das "Problem" dabei ist, den Link und das dazugehörige Bild zu identifizieren.

Natürlich könntest du mit DOM, oder sonst was das erste Kind-Element des Link-
es auslesen, aber wesentlich einfacher geht es, wenn du Link und Bild eine ein-
heitliche ID gibts.

Z.B. so:
Code: 
Link-ID: LinkLeft
Bild-ID: ImgLeft
Dann könnte der Code z.B. so aussehen:
Code: 
function swapImage(a_sName)
{
    sImgSrc  = new String(window.document.getElementById("Img" + a_sName).src);
    sNewSrc  = new String();
    sNewHref = new String();

    if (sImgSrc == "altesbild.png") {
        sNewSrc  = "neuesbild.png";
        sNewHref = "neuerlink.html";
    } else {
        sNewSrc  = "altesbild.png";
        sNewHref = "alterlink.html";
    }
    window.document.getElementById("Link" + a_sName).href = sNewHref;
    window.document.getElementById("Img"  + a_sName).src  = sNewSrc;
}

hth
 
onklick Bilderwechsel

Ich bin wirklich ein Grünschnabel,
Ich sollte nun noch wissen wo muss ich diesen Code einbauen?
Danke...
 
Fast. Es muss ja jetzt die ID Mitgegeben werden, nicht das Objekt:
PHP: 
<a href="alterlink.html" onClick="swapImage('Left');"
   target="irgendwas" id="LinkLeft"><img src="altesbild.png"
   id="ImgLeft"></a>
 
onklick Bilderwechsl

Sorry aber anscheinend bin ich so bl.....

Ich, ich kapiers nicht...
das mit dem code. muss als zweites stehen und voraus das mit der ID ?
Ich bin Anfänger auf diesem Gebiet und muss noch viel lernen
Danke, fürs Verständnis...
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück