webForumDet fria alternativet

style.Background...

6 svar · 266 visningar · startad av JAreMANNEN

JAreMANNENMedlem sedan aug. 20001 698 inlägg
#1

Tjamaan!

Har ett litet prob...

Följande fungerar...

onMouseOver="this.style.backgroundColor='#999999';" onMouseOut="this.style.backgroundColor='#CCCCCC';

Men inte....

onMouseOver="this.style.background[b]Image[/b]='bild.gif';" onMouseOut="this.style.background[b]Image[/b]='gammalbild.gif';"

Går det att ordna på något sätt, ni fattar säkert vad jag är ute efter för funktion.. ;) :bire

Web-TorMedlem sedan nov. 200011 794 inlägg
#2

Testa detta:

onMouseOver="this.style.backgroundImage='url(bild.gif)';" onMouseOut="this.style.background='url(gammalbild.gif)';"
erreMedlem sedan maj 2000718 inlägg
#3

Om det är bakgrundsbilden du vill byta med en onMouseOver så är det väl smidigare att använda sig av CSS?

JAreMANNENMedlem sedan aug. 20001 698 inlägg
#4

erre skrev:

Om det är bakgrundsbilden du vill byta med en onMouseOver så är det väl smidigare att använda sig av CSS?

Vore ju bra om du kunde skriva HUR också då!

PeleMedlem sedan juli 2000444 inlägg
#5

Om du läger en bakgrundsbild och ska byta till
en annan med "OnMouseOver" med CSS så skriver du bara

a:hover { background-image: url(egen_bild.gif)}

i en extern stilmall eller en stilmall du har på sidan.

Ett exempel:
<head>
<style type="text/css">
<!--
a:link { text-decoration: none; color: #0000FF}
a:visited { text-decoration: none; color: #00FF00}
a:active { text-decoration: none; color: #FF0000}
a:hover { background-image: url(egen_bild.gif)}
-->
</style>
</head>

Mvh/Pele

JAreMANNENMedlem sedan aug. 20001 698 inlägg
#6

tack för alla förslag.. ;)

Löste det med...

onMouseOver="this.style.background='url(bild.gif)';" onMouseOut="this.style.background='url(gammalbild.gif)';"
erreMedlem sedan maj 2000718 inlägg
#7

Vore ju bra om du kunde skriva HUR också då!

Oops! Hjärnsläpp. :r :) Nåja, nu kom ju någon annan med lösningen.

Genererad på 367 ms · cache AV · v20260730165559-full.f96bc7eb