Javascript: 2x Bild verschieden ersetzen, wie?

Diskutiere das Thema Javascript: 2x Bild verschieden ersetzen, wie? im Forum Web-Design

  1. flac12

    flac12 Thread Starter Mitglied

    Beiträge:
    142
    Zustimmungen:
    0
    Mitglied seit:
    10.04.2005
    Hi Forum!

    Ich hoffe aus meinem Thread-Titel geht einigermaßen heraus, was für ein Problem ich habe (glaub' ich aber eher nicht :D). 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:

    HTML:
    <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
     
  2. msslovi0

    msslovi0 Mitglied

    Beiträge:
    2.725
    Zustimmungen:
    115
    Mitglied seit:
    20.03.2005
    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:
    HTML:
    <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
     
  3. flac12

    flac12 Thread Starter Mitglied

    Beiträge:
    142
    Zustimmungen:
    0
    Mitglied seit:
    10.04.2005
    Danke für deine Antwort, doch diese Methode hatte ich schon mit hunderten Variationen durch und sie funktioniert einfach nicht. :(
     
  4. msslovi0

    msslovi0 Mitglied

    Beiträge:
    2.725
    Zustimmungen:
    115
    Mitglied seit:
    20.03.2005
Die Seite wird geladen...

MacUser.de weiterempfehlen

  1. Diese Seite verwendet Cookies. Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies. Akzeptieren Weitere Informationen...