Javascript: 2x Bild verschieden ersetzen, wie?

Diskutiere mit über: Javascript: 2x Bild verschieden ersetzen, wie? im Web Page Design Forum

  1. flac12

    flac12 Thread Starter MacUser Mitglied

    Beiträge:
    142
    Zustimmungen:
    0
    Registriert 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.713
    Zustimmungen:
    115
    Registriert 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
    Registriert 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.713
    Zustimmungen:
    115
    Registriert 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...
Ähnliche Themen - Javascript Bild verschieden Forum Datum
Wissenschaftliches Format bei JavaScript Eingabe Web Page Design 02.09.2011
Kleine JavaScript Herausforderung Web Page Design 31.08.2011
Email-Link Anti-Spam Schutz mit Javascript Web Page Design 24.06.2010
Javascript Scrollbar & Suchmaschinen Web Page Design 01.04.2010
Text-Höhe via JavaScript Web Page Design 07.01.2010

Diese Seite empfehlen

Benutzerdefinierte Suche