ilch Forum » Ilch Clan 1.1 » Allgemein » Mittlere Navi mit Rollover funktion

Geschlossen
  1. #1
    User Pic
    realmac Mitglied
    Registriert seit
    08.05.2009
    Beiträge
    128
    Beitragswertungen
    1 Beitragspunkte
    Hallo liebe Community

    Also ich hab das Pro das ich eine Seite bauen möchte aber nur ahnung vom basteln habe und nicht vom scripten.

    Ich hab in der Mitte (Design_14_1) eine Navigation und möchte das wenn ich mit der maus drüber gehe sich das JPG ändert. damit ich die schrift machen kann als wenn sie leuchtet.

    das hier ist der Code:
    Code:
    <td width="469" bgcolor="#111111" align="left" valign="top"> 
    <a href="index.php?m=forum"> 
    <img border="0" src="include/designs/design_14_1/images/design/forum.jpg" width="88" height="46"></a><img border="0" src="include/designs/design_14_1/images/design/spacer_z4.jpg" width="3" height="46"><a href="index.php?m=contact"><img border="0" src="include/designs/design_14_1/images/design/kontakt.jpg" width="101" height="46"></a><img border="0" src="include/designs/design_14_1/images/design/spacer_z4.jpg" width="3" height="46"><a href="index.php?m=impressum"><img border="0" src="include/designs/design_14_1/images/design/faq.jpg" width="93" height="46"></a><img border="0" src="include/designs/design_14_1/images/design/spacer_z4.jpg" width="3" height="46"><a href="index.php?m=teams"><img border="0" src="include/designs/design_14_1/images/design/teams.jpg" width="99" height="46"></a><img border="0" src="include/designs/design_14_1/images/design/spacer_z4.jpg" width="3" height="46"><a href="index.php?m=news"><img border="0" src="include/designs/design_14_1/images/design/news.jpg" width="76" height="46"></a><p>&nbsp;</p> 
                <table width="469" border="0" cellpadding="4" cellspacing="1" bgcolor="#000000" style="border-width: 0">

    Das soll dann so sein das zbs die datei forum.jpg beim mausübergang zur datei forum2.jpg wechselt.

    Mein 2. Prob ist wenn ich auf diese navigations button drücke komme ich immer auf die News.php... welcher teil in diesem code ist für die verlinkungs zuständig ?

    danke im vorraus
    LG Mac


    verwendete ilchClan Version: 1.1
    Learning by Doing
    0 Mitglieder finden den Beitrag gut.
  2. #2
    User Pic
    Fire86 Mitglied
    Registriert seit
    25.04.2009
    Beiträge
    543
    Beitragswertungen
    0 Beitragspunkte
    Hallo.

    Ne mögliche (sicher keine optimale) Lösung wäre z.B. so:

    Du fügst bei jedem Bild folgenden code hinter <img ein
    onmouseover="chimg('img1','LINK_NEU')" onmouseout="chimg('img1','LINK_ALT')" name="img1"

    Sieht dann so aus:
    <img onmouseover="chimg('img1','LINK_NEU')" onmouseout="chimg('img1','LINK_ALT')" name="img1" border= ... >


    In den Head Bereich der index.htm packst du folgenden
    <script language="JavaScript" type="text/javascript">
    <!--  
     function chimg(id,link) {
    document.images[id].src = link;
    }
    //--></script>


    Das img1 musst du bei jedem img-tag anders numerieren, img1 img2 usw.
    LINK_NEU und LINK_ALT musst du mit dem entsprechenden Bildlink ersetzen, also LINK_NEU z.B. mit include/images/neuesbild.jpg und LINK_ALT z.B. mit include/images/altesbild.jpg
    Und achte unbedingt darauf, dass du alle ' und " übernimmst!!

    Wenn du alles richtig gemacht hast, klappt es.

    Für die Verlinkung ist der a-tag zuständig.
    Der Link steht bei href="".


    Zuletzt modifiziert von Fire86 am 11.06.2009 - 20:57:06
    Kein Support per Email oder ICQ!
    0 Mitglieder finden den Beitrag gut.
Geschlossen

Zurück zu Allgemein

Optionen: Bei einer Antwort zu diesem Thema eine eMail erhalten