Javascript: 2x Bild verschieden ersetzen, wie?

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

  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.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 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.714
    Zustimmungen:
    115
    Mitglied seit:
    20.03.2005
Die Seite wird geladen...
Ähnliche Themen - Javascript verschieden ersetzen Forum Datum
iWeb HTML-Baustein - JavaScript im Header platzieren? Web-Design 05.11.2012
Webseite über HTML, CSS, JavaScript, PHP und mehr Web-Design 01.10.2011
Wissenschaftliches Format bei JavaScript Eingabe Web-Design 02.09.2011
Kleine JavaScript Herausforderung Web-Design 31.08.2011
Firefox unter OS X und unter Windows verschieden Web-Design 08.05.2007

Diese Seite empfehlen

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