Bernhard Helmes: Wechsel von mehreren Bilder durch Mausklick

SELF-Forum

Wechsel von mehreren Bilder durch Mausklick

Bernhard Helmes
– Informationen zu den Bewertungsregeln

Hallo,

ich würde gerne mit JavaScript ein Bild zeigen, was sich beim ersten Mal durch anklicken in ein zweites Bild verwandelt und beim nochmaligen anklicken in ein drittes Bild verwandelt und beim Verlassen mit der Maus im letzten Zustand bleibt.
Also
Bild, Mouseklick : 2. Bild, Mouseklick: 3 Bild, Mouseklick: 1. Bild;

Ich habe eine Stunde versucht das Problem zu lösen, komme aber nicht weiter.

Freue mich über Antwort
Gruß
Bernhard

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. Wechsel von mehreren Bilder durch Mausklick

    n.d. parker
    – Informationen zu den Bewertungsregeln

    auch hallo

    Bild, Mouseklick : 2. Bild, Mouseklick: 3 Bild, Mouseklick: 1. Bild;

    nun ja, das ist nicht so schwer, wie du gleich sehen wirst .-)

    Ich habe eine Stunde versucht das Problem zu lösen, komme aber nicht weiter.

    kleiner tip, poste naechstes mal einfach, das was du schon hast, dann kann man dir ganz genau sagen, wo dein problem ist - so lernst du viel mehr :-)

    so, und hier nun die langersehnte loesung:

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

    <html>
    <head>
      <title>TitelDesDokuments</title>

    <script language="JavaScript" type="text/javascript"><!--
    var bild=new Array(),
      zaehler=0;

    if (document.images)
    {
      bild[0]=new Image();bild[0].src="bild0.gif"
      bild[1]=new Image();bild[1].src="bild1.gif"
      bild[2]=new Image();bild[2].src="bild2.gif"
    }

    function wechsel()
    {
      if (document.images)
      {
        zaehler++;
        if (zaehler>2) zaehler=0;
        document.images['pic'].src=bild[zaehler].src;
      }
    }
    //--></script>
    </head>

    <body>

    <a href="#" onClick="wechsel(); return false;"><img src="bild0.gif" name="pic" width=breitedesbildes height=hoehedesbildes border=rahmendesbildes alt="alttextdesbildes"></a>

    </body>
    </html>

    die (document.images) - abfrage ist noetig, um keine fehlermeldungen bei brausern zu produzieren, die das image-objekt nicht kennen. fuer die solltest du uebrigens vielleicht eine kleine hinweismeldung ausgeben...

    cua

    n.d.p.

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

  2. Wechsel von mehreren Bilder durch Mausklick

    marc(..)
    – Informationen zu den Bewertungsregeln

    Hi ..

    Eigentlich muesstest Du doch das Bild einfach als Hyperlink setzen koennen.....
    <a href="javascript:funktionsname()" >bild</a>
    Dann kannst Du in der javascript Funktion funktionsname() die aktuelle Bildsource auslesen und auch aendern...

    document.images[index].src = austausch.src;(<- muss natuerlich alles noch definiert werden)

    Steht aber garantiert auch noch xmal im Archiv und auch in selfhtml.....

    Gruss
    marc(..)

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

  3. Wechsel von mehreren Bilder durch Mausklick

    Swen
    – Informationen zu den Bewertungsregeln

    Moin,

    <../../sfausles/tsfa_tcg.htm#a4>

    Es sollte dir keine Schwierigkeiten machen, den Code an deine Bedürfnisse anzupassen.

    Swen

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln