Ergebnis 1 bis 6 von 6

Thema: Bei Mouse über Text soll anderes Bild angezeigt werden.

  1. #1
    HTML Newbie
    Registriert seit
    28.05.2004
    Beiträge
    6
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard Bei Mouse über Text soll anderes Bild angezeigt werden.

    Moin moin liebe Forumsbesucher,

    wünsche ein schönes Pfingst-Wochenende gehabt zu haben.

    Aber nun zu meinem Problem. Ich versuche mich gerade daran ein onMouseover-Ereignis zu erstellen. Leider bisher erfolglos.
    Ich möchte, dass wenn ich mit der Maus über das "das" in dem Satz:
    "Probieren Sie mal das!" fahre, statt dem original angezeigtem Bild ein anderes Bild zu sehen ist.

    Kann mir da jemand ein Beispiel posten, wie man so etwas realisieren kann, dann versuche ich das mal auf meinen Code zu übertragen. (Ist besser für den Lerneffekt, als wenn es jemand von Euch für mich schreibt!)

    Vielen Dank für Eure Hilfe.

    Mit besten Grüßen,
    Valdyn
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!

  2. #2
    Samurai
    Registriert seit
    04.05.2004
    Ort
    @Home
    Beiträge
    208
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings
    Gruss Joel

  3. #3
    Samurai
    Registriert seit
    04.05.2004
    Ort
    @Home
    Beiträge
    208
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Habs mal ein bisschen angeschaut und bearbeitet:

    In den "<head>"-Bereich kommt das:

    Code:
    <script language="JavaScript">
    function movepic&#40;img_name,img_src&#41; 
    &#123;
    document&#91;img_name&#93;.src=img_src;
    &#125;
    </script>
    In den "<body>"-Bereich das:

    Code:
    Probieren Sie mal <font onmouseover="movepic&#40;'button','pic-on.jpg'&#41;" onmouseout="movepic&#40;'button','pic-off.jpg'&#41;">das</font>!
    
    [img]pic-off.jpg[/img]
    Das ganze ist natürlich Javascript.

    Gruss Joel
    Gruss Joel

  4. #4
    HTML Newbie
    Themenstarter

    Registriert seit
    28.05.2004
    Beiträge
    6
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard Funzt noch nicht so richtig!

    Hey Joel,

    hab da schon mal ein wenig rumgebastelt. Irgendwie scheint das mit dem HEAD noch nicht zu stimmen. Was ist denn da mit img_name und img_src zu machen. Hab da schon Sachen eingefügt, aber bisher ohne Wirkung.

    Leider verändert sich das Bild auch nicht.

    Hier der Code (den Head hab ich wieder zurückgesetzt!):

    <HEAD>
    <SCRIPT language="JavaScript">
    function movepicimg_name,img_src){document[img_name].src=img_src;}
    </SCRIPT>
    </HEAD>

    <BODY>
    <CENTER>Probieren Sie mal
    <Font onmouseover="movepic("button","C:\HTML Help Files\Pics\Suchmaske\Suchmaske_klein.bmp')"
    onmouseout="movepic("button","C:\HTML Help Files\Pics\Suchmaske\Suchmaske_Schnellsuche2_klein .bmp")">
    [img]C:\HTML Help Files\Pics\Suchmaske\Suchmaske_klein.bmp[/img]dies!</Font>
    </CENTER>
    </Body>

    Hast Du da vielleicht noch einen Tipp für mich?

    Danke schön.

    Gruß,
    Valdyn

  5. #5
    Samurai
    Registriert seit
    04.05.2004
    Ort
    @Home
    Beiträge
    208
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard Re: Funzt noch nicht so richtig!

    Zitat Zitat von Valdyn
    <HEAD>
    <SCRIPT language="JavaScript">
    function movepicimg_name,img_src){document[img_name].src=img_src;}
    </SCRIPT>
    </HEAD>
    Dass müsste so sein:
    Code:
    <script language="JavaScript"> 
    function movepic &#40;img_name,img_src&#41; 
    &#123; 
    document&#91;img_name&#93;.src=img_src; 
    &#125; 
    </script>
    Also einfach "function movepic(..."

    Dann versuchs noch mit etwas anderem statt <font>
    Gruss Joel

  6. #6
    Gast

    Standard Ich habs...!

    Hey Joel,

    ich habs jetzt. Hätte nicht gedacht, dass es daran liegt.
    Ich habe sämtliche Verweise bisher so:

    C:\Pic1.jpg

    Da das neue Bild beim drüberfahren mit dem Mauszeiger nicht erscheinen wollte, habe ich mal die "Eigenschaften" geöffnet und da wurde mir da Pfad, wenn auch etwas kryptisch so angezeigt:

    C:/Pic1.jpg

    Und so funzt es jetzt einwandfrei.

    Dann hatte ich den Code die ganze Zeit über richtig, nur die Adressierung war fehlerhaft. Aber wie kann es sein, dass es auf allen anderen Seiten funzt, nur hier nicht? Hat das was mit dem Java Script zu tun?

    Ich danke Dir auf jeden Fall recht herzlich für Deine Hilfe und wünsche Dir noch einen schönen Tag.

    Machs gut,
    Valdyn

    P.S.: Ich liste hier nochmal meinen Test-Code auf:

    <HTML>
    <HEAD>
    <TITLE> Onmouseover </TITLE>
    <script language="JavaScript">
    function movepic (img_name,img_src)
    {
    document img_name].src=img_src;
    }
    </script>
    <BODY>
    <HEAD>
    <Font onmouseover="movepic('bild4','C:/Pic2.bmp')" onmouseout="movepic('bild4','C:/Pic1.bmp')">Test</Font>



    [img]C:/Pic1.bmp[/img]






    </BODY>
    </HTML>

Ähnliche Themen

  1. HTML-Code soll nicht angezeigt werden.
    Von 19Eike91 im Forum HTML & CSS Forum
    Antworten: 10
    Letzter Beitrag: 01.04.2007, 14:13
  2. Bei Mouse over soll Bild erscheinen...
    Von Dominikgt im Forum HTML & CSS Forum
    Antworten: 3
    Letzter Beitrag: 08.03.2007, 08:35
  3. Beim Klicken auf ein Bild soll anderes Auswahlfenster öffnen
    Von Gast im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 1
    Letzter Beitrag: 09.02.2006, 01:00
  4. Bild oder Text anzeigen wenn mit Maus über Bild
    Von kwg|the-hell im Forum HTML & CSS Forum
    Antworten: 3
    Letzter Beitrag: 12.06.2005, 13:31
  5. Bild soll ab 20:30 eingeblendet werden
    Von Anna G. im Forum HTML & CSS Forum
    Antworten: 17
    Letzter Beitrag: 26.04.2005, 20:43

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •