|
|||
onmouseover mit JS
Hi, hab folgendes Problem:
Will eine Navigation machen, welche das Bild wechselt, wenn man mit der Maus darüber ist. Hier mein Ansatz: Code:
<link rel="stylesheet" type="text/css" href="style.css"> <script type="text/javascript"> function showNavbar(target) { $('#Nav-img').removeClass(); $('#Nav-img').addClass('Navbar-'+target); reload(); } </script> </head> <div class="Navigation"> <div class="Nav-map"> <div id="Nav-img" class=""> <center><map name="navbar" id="navbar"> <img src="images/punkt.png" width="792px" height="192px" alt="map" usemap="#navbar" /> <area shape="poly" coords="160,140,172,141,195,143,226,147,259,150,260,173,205,170,158,166,156,150" href="javascript:void(0)" alt="Navbar1" title="Navbar1" onmouseover="showNavbar(1)" /> <area shape="poly" coords="" href="javascript:void(0)" alt="Navbar2" title="Navbar2" onmouseover="showNavbar(2)" /> <area shape="poly" coords="" href="javascript:void(0)" alt="Navbar3" title="Navbar3" onmouseover="showNavbar(3)" /> <area shape="poly" coords="" href="javascript:void(0)" alt="Navbar4" title="Navbar4" onmouseover="showNavbar(4)" /> </map></center> </div> </div> </div> |
Sponsored Links |
|
||||
Ok
a) ist das der Ganze Code? b) Was ist denn die Fehlermeldung/was sagt die Konsole?
__________________
Hier ein immer gültiges Statement: Überarbeite deine Code, lerne die Grundlagen, widersprich mir nicht, wehre dich nicht, ich habe Recht, wir sind Lolgion, wir sind viele.. potato... All meine Angaben sind ohne Gewähr, es könnte also trotz meiner Unfehlbarkeit dazu kommen dass ich falsch liege www.richard-thiel.de | Müssen Websiten überall gleich ausschauen? |
Sponsored Links |
|
|||
Es gibt dazu noch den CSS:
Code:
.Navigation { margin:9px 0 0 0; padding:0; position:relative; } .Navigation .Nav-map { background-image:url(images/navbar01_normal_transparent.png); background-repeat:no-repeat; background-position:top center; position:relative; height: 192px; } .Navigation #Nav-img { position:relative; } .Navigation .Navbar-1 { background:url('images/navbar01_markiert_transparent.png') no-repeat; background-position:top center; height:192px; } .Navigation .Navbar-2 { background:url('images/navbar02_markiert_transparent.png') no-repeat; background-position:top center; height:192px; } .Navigation .Navbar-3 { background:url('images/navbar03_markiert_transparent.png') no-repeat; background-position:top center; height:192px; } .Navigation .Navbar-4 { background:url('images/navbar04_markiert_transparent.png') no-repeat; background-position:top center; height:192px; } Das Problem ist, dass eben keine Fehlermeldung kommt... es passiert einfach nichts, wenn ich mit der Maus drübergehe... |
|
||||
Du hast also keinen Doctype genutzt, kein jQuery eingebunden oder noch ein <body> </html> genutzt? Eine Fehlermeldung würde dann zu 100% kommen.
__________________
Hier ein immer gültiges Statement: Überarbeite deine Code, lerne die Grundlagen, widersprich mir nicht, wehre dich nicht, ich habe Recht, wir sind Lolgion, wir sind viele.. potato... All meine Angaben sind ohne Gewähr, es könnte also trotz meiner Unfehlbarkeit dazu kommen dass ich falsch liege www.richard-thiel.de | Müssen Websiten überall gleich ausschauen? |
|
|||
doch doch:
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <link rel="shortcut icon" href="favicon.ico" type="image/x-icon" /> <link rel="icon" href="favicon.ico" type="image/x-icon" /> <title></title> <link rel="stylesheet" type="text/css" href="style.css"> <script type="text/javascript"> function showNavbar(target) { $('#Nav-img').removeClass(); $('#Nav-img').addClass('Navbar-'+target); } function showFooter(target) { $('#Footer-img').removeClass(); $('#Footer-img').addClass('FLink-'+target); } </script> </head> <div class="Navigation"> <div class="Nav-map"> <div id="Nav-img" class="Navbar"> <center><map name="navbar" id="navbar"> <img src="images/punkt.png" width="792px" height="192px" alt="map" usemap="#navbar" /> <area shape="poly" coords="160,140,172,141,195,143,226,147,259,150,260,173,205,170,158,166,156,150" href="javascript:void(0)" alt="Home" title="Home" onmouseover="showNavbar(1)" /> <area shape="rect" coords="274,148,366,188" href="javascript:void(0)" alt="Info" title="Info" onmouseover="showNavbar(2)" /> <area shape="rect" coords="418,157,547,180" href="javascript:void(0)" alt="Bilder" title="Bilder" onmouseover="showNavbar(3)" /> <area shape="rect" coords="553,138,706,163" href="javascript:void(0)" alt="Navbar4" title="Navbar4" onmouseover="showNavbar(4)" /> </map></center> </div> </div> </div> <body> <!--<div id="Indexpage">Text</div> --> </body> <div class="Footer"> <div class="Footer-map"> <div id="Footer-img" class="FLink"> <center><map name="footer" id="footer"> <img src="images/punkt.png" width="798px" height="116" alt="map" usemap="#footer" /> <area shape="rect" coords="327,84,395,99" href="javascript:void(0)" alt="Impressum" title="Impressum" onmouseover="showFooter(1)" /> <area shape="rect" coords="409,83,455,98" href="javascript:void(0)" alt="Kontakt" title="Kontakt" onmouseover="showFooter(2)" /> </map></center> </div> </div> </div> </html> |
|
||||
Ich seh da immer noch Fehler (auch in der Konsole), da kein jQuery eingebunden ist.
jQuery
__________________
Hier ein immer gültiges Statement: Überarbeite deine Code, lerne die Grundlagen, widersprich mir nicht, wehre dich nicht, ich habe Recht, wir sind Lolgion, wir sind viele.. potato... All meine Angaben sind ohne Gewähr, es könnte also trotz meiner Unfehlbarkeit dazu kommen dass ich falsch liege www.richard-thiel.de | Müssen Websiten überall gleich ausschauen? |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
onmouseover nur einmal ausführen | uthomas | Javascript & Ajax | 13 | 04.10.2010 14:02 |
Bild Bei OnMouseOver in groß | DonPhil87 | CSS | 4 | 21.01.2010 09:42 |
onmouseover | nuni83 | CSS | 21 | 26.07.2008 13:16 |
option onmouseover | cgdesign | Javascript & Ajax | 1 | 29.06.2006 22:05 |
Bei onmouseover 2 Befehle ausführen | Sayphong | CSS | 1 | 13.10.2005 14:59 |