Myspace: onmousover & onmouseout funktioniert nicht

[metallica1990]

hallo.
ich bastel auf der Myspaceseite meiner Band gerade eine kleine Navileiste oben drüber.
Dort sollen die Bilder sich ändern, wenn man mit der Maus darüber fährt.
Hierfür habe ich folgenden Code verwendet:

<table>
<tr>
<td>
<a target="_blank" href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewAlbums&friendID=438826126">

<img border="0"  src="
http://img170.imageshack.us/img170/7751/picso.jpg" width="78" height="47" alt="" onmouseover="this.src='http://img7.imageshack.us/img7/4676/picsmouseover.jpg'" onmouseout="this.src='http://img170.imageshack.us/img170/7751/picso.jpg'" />

</a>

</td>
</tr>
</table>

Beim speichern werden aber nun die onmouseover und onmouseout - Attribute entfernt und daher funktioniert der Bilderwechsel auch nicht.
Weiss einer Rat?

 

[Tim1901091]

AW: Myspace: onmousover & onmouseout funktioniert nicht

Es geht vieeeel einfacher als mit den JavaScript-Events.

Als erstes legst du eine Liste mit den Navigationselementen an:

<ul id="navi">
<li><a href="naviziel1.html">Navigationsziel1</a></li>
<li><a href="naviziel2.html">Navigationsziel2</a></li>
...
</ul>

Und dann ins CSS:

#navi li {
display:inline;
}
#navi a:hover {
/*Effekte beim Drüberfahren mit der Maus
}

 

[Elvis_M16]

AW: Myspace: onmousover & onmouseout funktioniert nicht

Hi,
soweit ich weiss, unterbindet MySpace JavaScript-Funktionen aus Sicherheitsgründen.

Der Ansatz meines Vorposters ist schon ganz gut. Wenn du die Navigation allerdings mit Grafiken lösen möchtest, wird das etwas schwieriger.

Du könntest in der Liste ein Hintergrundbild mit beiden Zuständen (normal + mouseover) und diese per Positionsangabe "austauschen". Oder du ordnest dem a:hover-Zustand einfach ein anderes Bild als dem a-Zustand zu.

Tutorials hierzu solltest du jede Menge finden, z.B. hier

Grüße
Elvis

 

[Dennis Kovarik]

AW: Myspace: onmousover & onmouseout funktioniert nicht

Hi,
soweit ich weiss, unterbindet MySpace JavaScript-Funktionen aus Sicherheitsgründen.

Genauso ist es.

<style>
a.rollover {width:XXXpx; height: ZZZpx; display:block; background-image:url(Bild für den Hover);}
a.rollover img {border:0px;}
a.rollover:hover img {visibility:hidden;}
</style>

<a class="rollover" href="#"><img src="Bild im Normalzustand"></a>

Bei XXX und ZZZ die jeweilige Breite/Höhe eingeben.

Gruß