Mouseover

Diese Seite verwendet Cookies. Durch die Nutzung unserer Seite erklären Sie sich damit einverstanden, dass wir Cookies setzen. Weitere Informationen

  • Hi an alle,
    ich habe eine Homepage erstellt und ich will unter
    mein Logo 4 Buttons neben einander machen.
    Da es Mouseover Button werden soll habe ich 4 mal 2 bilder erstellt:

    4 mal nen hellen und
    4 mal nen dunklen

    natürlich bei den anderen 3 Button sind andere Texte, aber das problem ist,
    wenn ich den dritten butten mit dem mousoverscribt einbaue funktionieren die
    anderen nicht.

    Also ich wollte fragen, ob mir jemand ein scribt geben kann, wo ich nur noch die
    Links und die bilder einfügen muss, denn bei mir funktioniert es nicht.

    Also am ende sollen die fier buttons mit dem Mouseovereffekt so aussehen:

    (natürlich immer mit anderer schrift, aber ich hab die Grafik ja schon ich brauch nur noch das scribt.)

    Wäre nett, wenn mich jemand beraten oder es mir zukommen lassen
    könnt.
  • Für ein Button sieht das so aus

    HTML-Quellcode

    1. <a href="" onMouseOver="bild.src='3.png';" onMouseOut="bild.src='2.png';"><img name="bild" src="2.png" border="0"></a>

    Für 4 Button sieht das so aus
    <a href="hier kommt der link rein z.b. http://www.freesoft-board.to/" onMouseOver="bild.src='mouseoverbild.jpg'" onMouseOut="bild.src='hauptbild.jpg'"><img src="hauptbild.jpg" name="bild" border="0"></a><a href="" onMouseOver="bild1.src='mouseoverbild.jpg'" onMouseOut="bild1.src='hauptbild.jpg'"><img src="hauptbild.jpg" name="bild1" border="0"></a><a href="" onMouseOver="bild2.src='mouseoverbild.jpg'" onMouseOut="bild2.src='hauptbild.jpg'"><img src="hauptbild.jpg" name="bild2" border="0"></a><a href="" onMouseOver="bild3.src='mouseoverbild.jpg'" onMouseOut="bild3.src='hauptbild.jpg'"><img src="hauptbild.jpg" name="bild3" border="0"></a>


    Zu besseren übersicht habe ich mal versucht eindeutig namen zu vergeben.

    Die Bilder muss du durch deine bilder austauschen.
    hauptbild.jpg
    mouseoverbild.jpg


    hauptbild.jpg = das erste bild
    mouseoverbild.jpg = ist das bild das erscheint wenn man mit der maus über dem hauptbild ist.
    onMouseOut = ist da zu da wieder das hauptbild zu zeigen wenn man mit der maus nicht auf dem bild ist.

    alles klar