Mausover Problem

[dosonaro]

Hi,

ich habe mir mit folgenden Generator ein Mouseover erstellen lassen
Mousover-Generator

Der Mausover klappt wunderbar, allerdings möchte ich, dass wenn man über ein Bild gefahren ist, dass Mausoverbild noch immer zu sehen ist, auch wenn man nicht mehr auf dem Link ist.
Denn momentan geht das hover BIld sofort weg, sobald ich nichtmehr über dem Link bin.

Ich hoffe das war verständlich ausgedrückt.

 

[Herr_D]

AW: Mausover Problem

Code?


Javascript oder css?



Fragen über Fragen...

 

[Top_Gun]

AW: Mausover Problem

Ein Mouseover Effekt geht (wie der Name eigentlich sagt) weg sobald man nicht mehr mit der Maus darüber ist.

Ich verstehe weder dein Problem noch warum du so einen Effekt haben willst...

 

[tombeat]

AW: Mausover Problem

In deinem code müsste irgendwo OnMouseOut stehen. den Teil weglöschen, dann müsste es funktionieren!
Lässt sich natürlich ohne deinem code schwer sagen!

 

[swsde]

AW: Mausover Problem

In aller Regel lassen sich MouseOver-Effekte auch ohne Javascript realisieren. Und insbesondere in der Navigation solltest Du auch darauf verzichten... (Aus Sicht der Suchmaschinen, aus Sicht der Besucher, die Javascript deaktiviert haben, und weils eben einfach nicht nötig ist). Auch der Zustand des aktiven Menüpunktes lässt sich einfach zuweisen, indem man dem aktiven Link eine extra ID gibt und diese entsprechend anpasst - wenn ich Dich richtig verstanden hab, so wie Dein mouseover-Status.

 

[Jazo]

AW: Mausover Problem

Also mein MS Expression Web macht das so:

in den Head Bereich die Javascript Funktion:

<script type="text/javascript">
<!--
function FP_swapImg() {//v1.0
var doc=document,args=arguments,elm,n; doc.$imgSwaps=new Array(); for(n=2; n<args.length;
n+=2) { elm=FP_getObjectByID(args[n]); if(elm) { doc.$imgSwaps[doc.$imgSwaps.length]=elm;
elm.$src=elm.src; elm.src=args[n+1]; } }
}
function FP_preloadImgs() {//v1.0
var d=document,a=arguments; if(!d.FP_imgs) d.FP_imgs=new Array();
for(var i=0; i<a.length; i++) { d.FP_imgs=new Image; d.FP_imgs.src=a; }
}
function FP_getObjectByID(id,o) {//v1.0
var c,el,els,f,m,n; if(!o)o=document; if(o.getElementById) el=o.getElementById(id);
else if(o.layers) c=o.layers; else if(o.all) el=o.all[id]; if(el) return el;
if(o.id==id || o.name==id) return o; if(o.childNodes) c=o.childNodes; if(c)
for(n=0; n<c.length; n++) { el=FP_getObjectByID(id,c[n]); if(el) return el; }
f=o.forms; if(f) for(n=0; n<f.length; n++) { els=f[n].elements;
for(m=0; m<els.length; m++){ el=FP_getObjectByID(id,els[n]); if(el) return el; } }
return null;
}
// -->
</script>

Diesen Code an die Stelle wo dein Bild sein soll setzen:

<img src="LINK ZU BILD 1" width="BREITE" height="HÖHE" id="img1" onmouseover="FP_swapImg(1,0,/*id*/'img1',/*url*/'LINK ZU BILD 2(HOVER)')" />

Die Ganze sache geht aber auch bestimmt viel einfacher musste mal Googlen....

MFG
Jazo

 

[Luckah]

AW: Mausover Problem

Eigentlich einfach nur:

onmouseover="self.src='DEIN NEUES BILD';"

Oder vertue ich mich gerade?

 

[tombeat]

AW: Mausover Problem

Ja... denn er hat ja auch noch das "onmouseout drinnen, sonst würde das bild ja eh immer bleiben sobald man drüber fährt