Javascript: 2x Bild verschieden ersetzen, wie?

Dieses Thema im Forum "Web Page Design" wurde erstellt von flac12, 23.06.2005.

  1. flac12

    flac12 Thread Starter MacUser 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 MacUser Mitglied

    Beiträge:
    2.714
    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 MacUser 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 MacUser Mitglied

    Beiträge:
    2.714
    Zustimmungen:
    115
    Mitglied seit:
    20.03.2005
    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
     
    Zuletzt von einem Moderator bearbeitet: 25.10.2015
Die Seite wird geladen...

Diese Seite empfehlen