Billeder med mouseover i HTML og CSS

Jeg glemte hvis lige at nævne - Iframes heller ikke skal anvendes :-s

Hvorfor ingen JS...eller anden kode - kender ikke anden mulighed

Der er nogle meget tilgængelige koder her: http://www.dynamicdrive.com/dynamicindex4/indexb.html

så snart du bruger mouseover, er du ude i noget javascript. :) Men det kan nu gøres megasimpelt med js.

Hejsa

Jeg vil gerne henlede din opmærksomhed på Stu Nichols arbejde. Han har lavet mange forskellige udgaver af picture popup, eksempelvis følgende: http://www.cssplay.co.uk/menu/gallery.html

Håber og tror du kan finde noget brugbart der.

Mvh.
Efes

Jeg fandt en løsning på problemet. Men som w13 skriver, ikke helt uden js :-)
det er dog en ret simpel sætningen, selv jeg kan gennemskue.



-------------------------------------------------------------------------------------

<a href="#" onmouseover="(document.mainbillede.src='slideshow/F30')">
<img src="slides/Slideshow/billede1.jpg" border="0"></a>
-------------------------------------------------------------------------------------

Hvad bør jeg på med point her?

Du fandt jo dit eget, så opret et svar og tag du dem selv :)

Det er vel rigtigt nok. :-) Jeg vil nu alligevel gerne dele pointene ud for jer som har brugt lidt tid på det. Så smid et svar og jeg dele dem ligeligt :)

Fint nok. :) Tak!

Hvis du ikke ellers har brug for linket er det absolut tåbeligt at tage det i brug, når du alligevel skal bruge mouseover ...

<img src="/images/mitbillede_thumb.jpg" onmouseover="document.getElementById('stortBillede').setAttribute('src',this.src.replace(/_thumb/,''));">

-- her fjernes bare _thumb fra billedets navn ("/images/mitbillede_thumb.jpg" --> "/images/mitbillede.jpg" !-); jeg går ud fra, at du på en eller anden måde har et navngivningsskema for dine billeder, der har bare en anelse fornuft indbygget, så du bare kan ændre navnet den lille smule, der giver forskel fra en thumbnail til et fuldt billede !-)