Thumbnail/Billeder som på dba.dk?

Du kan finde hjælp på denne side: http://www.cssplay.co.uk/menu/index.html

Der bliver gennemgået et par former for hover hvor der vises billeder osv. Det er i øvrigt en rigtig god side, med masser af eksempler.

Håber du kan bruge den.

Har du thumbnails liggende allerede? Fordi hvis du vil generere thumbnails fra et billede, skal du ud i noget ASP/PHP.

Men ellers er det blot:

<img id="largepic" src="1.jpg">

<div>
<img src="1thumb.jpg" onmouseover="document.getElementById('largepic').setAttribute('src','1.jpg')">
<img src="2thumb.jpg" onmouseover="document.getElementById('largepic').setAttribute('src','2.jpg')">
<img src="3thumb.jpg" onmouseover="document.getElementById('largepic').setAttribute('src','3.jpg')">
</div>

Prøver følgende:

<img id="largepic" src="tn/tn_000_0135.jpg">

<div>
<img src="tn/tn_000_0133.jpg" onmouseover="document.getElementById('largepic').setAttribute('src','images/tn_000_0135.jpg')">
<img src="tn/tn_000_0134.jpg" onmouseover="document.getElementById('largepic').setAttribute('src','images/tn_000_0135.jpg')">
<img src="tn/tn_000_0135.jpg" onmouseover="document.getElementById('largepic').setAttribute('src','images/tn_000_0135.jpg')">
</div>

men billedet i toppen forbliver det samme når jeg kører musen over det... hvad gør jeg galt?

Wopsiedaisie. IE ville have mig til at køre noget før den funkede.

Det ser jo fint ud på den måde.

Ja, ikke? :)

Du kan selvfølgelig sætte det op, som du har lyst til. Billedet, der skal ændres, skal bare have id'et "largepic" og så skal thumbnails have onmouseover="document.getElementById('largepic').setAttribute('src','images/billede.jpg')"

Fik det fixet så det kører med php script nu også. Skal bare have finpudset mine thumbnails osv. http://www.silentweb.dk/images-325l/

Det kanon, du får point for det ;)

Takker! :)