Notifikationer

Markér alle som læst Log ud

pnr Nybegynder

05. december 2002 - 13:10 Der er 7 kommentarer og
1 løsning

Skal have skiftet et billede når jeg peger på et andet

Jeg har 4 små billeder på min side og et af dem vises også som et stort billede, Det store billede skal skifte alt efter hvilet af de små billeder man peger på. hvordan laver jeg det?

Synes godt om

cdc Novice

05. december 2002 - 13:17 #1

Her er et ex. som du kan kigge i koden, her er det et skjult layer som man så viser ved onMouseover: http://hjem.get2net.dk/arntsen/eksperten/js/apricos/test.htm

Synes godt om

di8leva Nybegynder

05. december 2002 - 13:18 #2

<html>
<script language="JavaScript">
function change(picture)
{
document.getElementById('stor').src=picture;
}
</script>

<img src="lille1.gif" onMouseOver="change('store1.gif')";>
<img src="lille2.gif" onMouseOver="change('store2.gif')";>
<img src="lille3.gif" onMouseOver="change('store3.gif')";>
<img src="lille4.gif" onMouseOver="change('store4.gif')";>

<img src="lille1.gif" id="stor">
</html>

Synes godt om

pnr Nybegynder

05. december 2002 - 13:48 #3

//di8leva
Det eksempel kan jeg ikke få til at virke

Synes godt om

Slettet bruger

05. december 2002 - 14:02 #4

Dette er nemt, og det virker i næsten alle gængse browsere:

<a href="#" onClick="return false;" onMouseOver="document.images['mitBill'].src = 'stor1.gif';"><img src="thumb1.gif" border="0"></a>
<a href="#" onClick="return false;" onMouseOver="document.images['mitBill'].src = 'stor2.gif';"><img src="thumb2.gif" border="0"></a>
osv.

<img src="stor0.gif" name="mitBill">

Det kan dog være en god idé at preloade billederne først.

Synes godt om

pnr Nybegynder

05. december 2002 - 14:28 #5

Kan jeg lave så det store billede kommer på igen når musen fjerne fra de små billeder? evt mouseOut på samme måde?

Synes godt om

Slettet bruger

05. december 2002 - 14:49 #6

Ja, du gør bare det samme:

<a href="#" onClick="return false;" onMouseOver="document.images['mitBill'].src = 'stor1.gif';" onMouseOut="document.images['mitBill'].src = 'stor0.gif';"><img src="thumb1.gif" border="0"></a>

Synes godt om

Slettet bruger

05. december 2002 - 14:49 #7

Svar

Synes godt om

pnr Nybegynder

05. december 2002 - 15:00 #8

Jeg takker

Synes godt om

Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Følg dette spørgsmål

Opret Preview

Webudvikling kurser

Vi tilbyder markedets bedste kurser inden for webudvikling

Se alle Webudvikling kurser

Flere spørgsmål fra JavaScript kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
problem med download i <a href=" " download> tag i JavaScript Af Peer i JavaScript	5	27/04/202620:09	21/08/202610:41
Validering af filnavn i formular Af Strawberry i JavaScript	8	14/04/202610:11	20/04/202611:14
Mangler et JavaScript til htm side med iframe i Joomla5 Af Peder Lund Nielsen i JavaScript	2	03/02/202614:19	04/04/202616:02
Åbne en PDF fil fra en mappe Af mbl i JavaScript	9	18/04/202516:52	22/04/202512:33
Spørgsmål til cookies Af Mads i JavaScript	2	14/02/202511:47	27/06/202514:34

Se alle spørgsmål i kategorien Opret spørgsmål

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten

Seneste artiklerRSS