Man kan altså godt benytte CSS via :hover tag'et til fx .class:hover
Jeg har fundet et script der skifter billedet når musen føres over billedet, men det ser mig en anelse forvirrende ud, så jeg håber der er en der kan hjælpe med at udrede det så det er mere overskueligt.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="da" lang="da">
<head>
<title>Skift billede</title>
<script type="text/javascript">
<!-- Dette script og mange flere -->
<!-- findes hos http://www.html.dk -->
<!-- Start
billede1 = new Image(); billede1.src = "billede1.gif";
billede2 = new Image(); billede2.src = "billede2.gif";
billede3 = new Image(); billede3.src = "billede3.gif";
billede4 = new Image(); billede4.src = "billede4.gif";
billede5 = new Image(); billede5.src = "billede5.gif";
billede6 = new Image(); billede6.src = "billede6.gif";
function skiftbillede(img_name,img_src) {
document[img_name].src=img_src;
}
// Slut -->
</script>
</head>
<body>
<div><a href="http://www.html.dk" onmouseover="skiftbillede('link','billede2.gif'); skiftbillede('tal','billede4.gif');skiftbillede('bogstav','billede6.gif')" onmouseout="skiftbillede('link','billede1.gif'); skiftbillede('tal','billede3.gif');skiftbillede('bogstav','billede5.gif')" ><img name="link" src="billede1.gif" alt="Før musen over dette billede" style="border:none;" /></a>
<img name="tal" src="billede3.gif" alt="Tal" style="border:none;" />
<img name="bogstav" src="billede5.gif" alt="Bogstaver" style="border:none;" /></div>
</body>
</html>Først så skal der slet ikke være link i billedet, dernæst skal den kun skifte ét billede, ideen med at holde musen over et billede ved pos. A skifter billedet ved pos. B er fed nok, men hvad er hvad ??
Jeg har lavet en tabel á 8x8 rækker og kolonner, og placeret billederne tilfældigt derinde, de 2 billeder i midten kan flyttes, men det var tanken at der skulle være plads i midten til at vise det billede musen blev holdt over.
http://anakin.dk/chibi/Hvordan gøres det bedst..
Hilsen Frank