KketMedlem sedan aug. 20057 inlägg Frågan#1 hej.
har en fotosida med 10 thumbnails och 1 stor bild.
när man drar musen över thumbnailsen så ändras den stora bilden. inget avancerat:
function visning(visa,on)
{
document.images[on].src=visa;
}
thumbnailsen har en ljusgrå ram runt sig (via css), vad jag vill är att den ändras till mörkgrå när man har mouseover.
jag vet att det går att lösa med hover i cssen, men det är ingen bra lösning, när det gäller webtillgänglighet och semantik.
är det ngn som har en idé om hur jag ska skriva i javascriptet?
mvh
ket
PalleMedlem sedan apr. 20003 174 inläggEn variant. :)
[red] onmouseover="this.style.borderColor='#666666';" onmouseout="this.style.borderColor='#cccccc';"[/red]
KketMedlem sedan aug. 20057 inlägg hej palle, bra idé. men det blir onödigt mkt kod i html-dokumentet
det är en bra idé att skriva det så. men det vore ännu bättre om man kunde länka in det tillsammans med javascriptet.
har du ngn idé om hur det skulle kunna skrivas?
mvh
ket
PalleMedlem sedan apr. 20003 174 inlägg Hur ser anropet ut i koden? (mouseover)
KketMedlem sedan aug. 20057 inlägg hej palle
så här ser det ut:
<li onmouseover="visning('../img/1.jpg','m');" onmouseout="visning('../img/m.jpg','m');"></li>
så finns det en bild (den stora bilden) som har id="m"
mvh
ket
PPeter SMedlem sedan dec. 20025 483 inlägg <script type="text/javascript">
function visning(li, clr, img, id){
li.style.borderColor = clr;
document.images[id].src = img;
}
</script>
<li onmouseover="visning(this, '#666', '../img/1.jpg', 'm')" onmouseout="visning(this, '#ccc', '../img/m.jpg', 'm')"...
