Seite 1 von 2 12 LetzteLetzte
Ergebnis 1 bis 10 von 17

Thema: Bilderwechsel bei "MouseOver"

  1. #1
    HTML Newbie
    Registriert seit
    08.04.2006
    Ort
    Hessen ---> Nähe Frankfurt
    Beiträge
    9
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard Bilderwechsel bei "MouseOver"

    Hi,
    Also ich bin dabei eine Homepage zu basteln...
    Und versuche ein Linkmenü zu machen.
    Das Linkmenü soll z.B aus diesen Grafiken bestehen:

    Bild 1
    Bild 2


    Und so solls dann sein:
    Es soll erst Bild 1 sichtbar sein und wenn man mit der Maus über ("MouseOver") Bild 1 fährt, soll an genau der selben stelle wo Bild 1 ist, Bild 2 erscheinen und Bild 1 verdecken.

    Danke schon mal im vorraus!

    MFG FeL!x
    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
    Meister(in)
    Registriert seit
    22.02.2006
    Ort
    Franken
    Beiträge
    336
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    es geht mit javascript, wie frag mich nicht.
    aber mit css gehts!


    <style type="text/css">
    a.menu{
    background:url(url_deines_ersten_bildes.png);
    }
    a.menu:hover{
    background:url(url_deines_zweiten_bildes.png);
    }
    </style>
    </head>
    <body>
    HOMEPAGE
    </body>
    </html>




  3. #3
    Forum Guru Avatar von driver
    Registriert seit
    10.04.2006
    Alter
    34
    Beiträge
    20.729
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Code:
    <script type="text/javascript">
    Normal1 = new Image&#40;&#41;;
    Normal1.src = "button1.gif";     /* erste Standard-Grafik */
    Highlight1 = new Image&#40;&#41;;
    Highlight1.src = "button1h.gif"; /* erste Highlight-Grafik */
    
    Normal2 = new Image&#40;&#41;;
    Normal2.src = "button2.gif";     /* zweite Standard-Grafik */
    Highlight2 = new Image&#40;&#41;;
    Highlight2.src = "button2h.gif"; /* zweite Highlight-Grafik */
    
    Normal3 = new Image&#40;&#41;;
    Normal3.src = "button3.gif";     /* dritte Standard-Grafik */
    Highlight3 = new Image&#40;&#41;;
    Highlight3.src = "button3h.gif"; /* dritte Highlight-Grafik */
    
    /* usw. fuer alle weiteren zu benutzenden Grafiken */
    
    function Bildwechsel &#40;Bildnr, Bildobjekt&#41; &#123;
      window.document.images&#91;Bildnr&#93;.src = Bildobjekt.src;
    &#125;
    </script>
    aufruf:

    (quelle: selfhtml)[/code]
    >> die icq-schreiberlinge bitte dies hier beachten



    1679 entdeckte Gottfried Wilhelm Leibniz das Binärsystem, bei einem Gespräch mit seiner Mutter: "Ja..., Nein..., Nein..., Nein..., Ja..., Ja..., Nein..."

  4. #4
    Forum Guru
    Registriert seit
    28.12.2004
    Ort
    Ringgenberg(bei Interlaken) / Schweiz
    Beiträge
    4.787
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    mal ne frage an dich diver...

    wiso JS un kein CSS ?!

    vileicht da es pannender ist für die seitenbesucher die kein JS aktiviert haben.

    Oder da es mit CSS einfach und schneller geht ?!

  5. #5
    Forum Guru Avatar von driver
    Registriert seit
    10.04.2006
    Alter
    34
    Beiträge
    20.729
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    es geht mit javascript, wie frag mich nicht.
    habs nur zur vervollständigung geschrieben.
    ich selber würds a mit css machen...




    übrigens... bin da driver *G*
    >> die icq-schreiberlinge bitte dies hier beachten



    1679 entdeckte Gottfried Wilhelm Leibniz das Binärsystem, bei einem Gespräch mit seiner Mutter: "Ja..., Nein..., Nein..., Nein..., Ja..., Ja..., Nein..."

  6. #6
    manuel0307
    Gast

    Standard es geht auch so

    hi es geht auch etwas kürzer:

    <a href="steite.html" onMouseOver="image.src='top/button2.gif';" onMouseOut="image.src='top/button1.gif';">
    [img]top/button1.gif[/img]</a>

    wenn du dann mehere buttons auf diese weise verändern willst, musst jeweils den img name="image" erweitern z.b. durch zahlen 1, 2, 3 usw.

  7. #7
    Forum Guru Avatar von driver
    Registriert seit
    10.04.2006
    Alter
    34
    Beiträge
    20.729
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    @ GreenRover

    aber css kann ich nur nehmen wenn ich nen text als link habe.
    wenn des bild selber der link is gehts nur mit java (oder manuels version)

    oder ?
    >> die icq-schreiberlinge bitte dies hier beachten



    1679 entdeckte Gottfried Wilhelm Leibniz das Binärsystem, bei einem Gespräch mit seiner Mutter: "Ja..., Nein..., Nein..., Nein..., Ja..., Ja..., Nein..."

  8. #8
    Fortgeschrittene/r
    Registriert seit
    05.02.2006
    Ort
    dahoam!
    Beiträge
    198
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    würde mich auch interessieren, hab auf meiner HP bilder als link die auch mit dem mouseover effekt arbeiten eingebaut (war eine verdammte arbeit)
    jetzt hab ich ein riesen java script code und das gefühl das das auch einfacher gegangen wäre xD
    ...nein eigentlich ist es doch anders.
    ____________________________
    Hier Könnte Ihre Werbung Stehen!

  9. #9
    Forum Guru
    Registriert seit
    04.04.2005
    Beiträge
    4.139
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    sicher geht das mit CSS einfach ne Tabelle und im hover das "background-image ändern.
    Facebook Gruppe: Böses Encoding

  10. #10
    Forum Guru Avatar von driver
    Registriert seit
    10.04.2006
    Alter
    34
    Beiträge
    20.729
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    aber was is wenn der link selbst ein bild / button ist.
    dann bringts ja nix wenn ich den hintergrund ändere, oder ?

    und wenn ich den button als hintergrundgrafik mache,
    dann brauch ich als link ja nen text, aber den will ich net

    das geht dann mit css nicht (oder ich habs noch net gefunden..)
    >> die icq-schreiberlinge bitte dies hier beachten



    1679 entdeckte Gottfried Wilhelm Leibniz das Binärsystem, bei einem Gespräch mit seiner Mutter: "Ja..., Nein..., Nein..., Nein..., Ja..., Ja..., Nein..."

Ähnliche Themen

  1. Doppelklick ("Mouseover") - Bildwechsel CSS
    Von Shyana im Forum HTML & CSS Forum
    Antworten: 3
    Letzter Beitrag: 28.04.2008, 15:01
  2. php: "bitte warten" oder "login läuft"
    Von phore im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 3
    Letzter Beitrag: 05.04.2006, 18:18
  3. Bei "mouseover"soll andere Fläche in Tabelle aktiv
    Von raffaelo im Forum HTML & CSS Forum
    Antworten: 7
    Letzter Beitrag: 26.03.2006, 22:10
  4. Cliparts zu "Taufe" und "Fussball"?!
    Von Franzi im Forum Forum für Grafiken und Bildbearbeitung
    Antworten: 1
    Letzter Beitrag: 07.06.2004, 13:37
  5. Text immer "unten" und "rechts" am Frame
    Von Valdyn im Forum HTML & CSS Forum
    Antworten: 5
    Letzter Beitrag: 25.05.2004, 19:14

Stichworte

Berechtigungen

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