Beiträge von gagern

Ok, danke Euch beiden. Werde es erst Montag ausprobieren können und dann berichten.

Grüße

Hallo zusammen,

bin kein Programmierer, sondern eher Bastler. daher eine Frage, die für Profis wahrschenlich einfach zu beantworten ist.

Ich möchte beim Mouseover über einen Menüpunkt ein Bild direkt unter dem Menü (kein Menübild) wechseln.

Das klappt mit folgendem Code in der header.php auch prima ("hidepics" sorgt fürs Vorladen des zweiten Bildes, ohne dass es zunächst sichtbar ist):

<script>
$('li.menu-item-75').mouseover(function() {
    $('div.image') .html('<img src="http://xy.de/wp-content/uploads/2013/11/bild1.jpg" />');
    $('div.sheet') .css("background-color","#EDF2F2");
});
$('li.menu-item-76').mouseover(function() {
    $('div.image') .html('<img src="http://xy.de/wp-content/uploads/2013/11/bild2.jpg" />');
    $('div.sheet') .css("background-color","yellow");
});
</script>
<div class="image"><img alt="" src="http://xy.de/wp-content/uploads/2013/11/bild1.jpg" title=""></div>
<div class="hidepics"><img alt="" src="http://xy.de/wp-content/uploads/2013/11/bild2.jpg" title=""></div>

Jetzt habe ich aber versucht, den Script-Code in eine js-Datei auszulagern und diese mit

<script type='text/javascript' src='http://xy.de/wp-content/themes/mytheme/hover.js'></script>

im Head-Bereich zu laden. Dann klappt das Ganze allerdings nicht mehr.

Was mache ich falsch?

Gruß
Gagern