Javascript: 2x Bild verschieden ersetzen, wie?

[flac12]

Hi Forum!

Ich hoffe aus meinem Thread-Titel geht einigermaßen heraus, was für ein Problem ich habe (glaub' ich aber eher nicht ). Folgendes: Ich möchte für meine HP eine Art Box erstellen, die sich beim ersten Klick darauf "aufbläst" (also den Inhalt preisgibt) und sich beim zweiten Klick wieder in ihre ursprüngliche Form zurückzieht. Es handelt sich hierbei um 3 Bilder: Ein .gif der geschlossenen Box; eine .gif-Animation, wie sie sich öffnet und die gleiche Animation umgekehrt abgespielt, die zeigen soll, wie sich die Box schließt. Die Box trägt den Namen "aboutme", weil eben dieses der Zweck der Box ist. Hier also der Code, bei dem ich nicht weiterkomme:

<a href="javascript:anim();">

<img src="pct/about_me.gif" width="300" height="236" border="0" name="aboutme">

</a>

<script type="text/javascript" language="javascript">

function anim() {

document.images.aboutme.src = "pct/about_me_anim.gif"; return false

if (document.images.aboutme.src = "pct/about_me_anim.gif") anim_back;

}

function anim_back() {

document.images.aboutme.src = "pct/about_me_anim_back.gif"; return false

if (document.images.aboutme.src =  "pct/about_me_anim_back.gif") anim();

}

</script>

Ich bin noch ein ziemlicher JS-Anfänger also bitte seid gnädig. Flash kommt nicht in Frage, die Beispielbilder werde ich so bald wie möglich online stellen.

Danke schonmal!

flac

 

[msslovi0]

Irgendwie sieht dein Code aus, als ob sich dein Vorgang laufend wiederholen würde (Endlosschleife), wenn er denn fehlerfrei wäre.

Versuchs doch mal so:

<script type="text/javascript" language="javascript">
function anim() {
  if (document.images.aboutme.src == "pct/about_me_anim.gif") {
    document.images.aboutme.src = "pct/about_me_anim_back.gif"; return false
  } else {
    document.images.aboutme.src = "pct/about_me_anim.gif"; return false
  }
}
</script>

Matt

 

[flac12]

Danke für deine Antwort, doch diese Methode hatte ich schon mit hunderten Variationen durch und sie funktioniert einfach nicht.

 

[msslovi0]

Natürlich funktioniert das, du darfst nur nicht, wie du es machst, Zuweisungen und Vergleiche mischen und die Überprüfung muss auf den vollen Pfad lauten, siehe http://www.blogpotato.de/demo/bildwechsel.html

Matt