Søg
Avatar billede hvaskerder Nybegynder
07. september 2006 - 21:12 Der er 13 kommentarer og
1 løsning

Billedskift ved 'mouse over'

Hvordan laver man et billedskift som de har på annoncerne inde på dba.dk?? har siddet og luret lidt i kildefilen men kan ikke helt hitte ud af det..
Avatar billede mclemens Nybegynder
07. september 2006 - 22:40 #1
http://www.eksperten.dk/spm_lukket.phtml?qid=702469 ... sikke en trals ting :/
... det kunne jo tænkes at jeg ikke havde gemt det jeg havde skrevet
derinde (15 indlæg lægger i tråden) ... tror det var denne her:


<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><head><meta http-equiv="content-type" content="text/html; charset=iso-8859-1"><title>Ingen titel</title>

<script type="text/javascript">

function chgpic(tmppic){
tmpcur=document.getElementById("sbillede").src.replace("s.jpg",".jpg");
document.getElementById("sbillede").src=tmppic.src.replace(".jpg","s.jpg");
tmppic.src=tmpcur;
}

</script>

</head>

<body>

<img src="b1s.jpg" id="sbillede"><br><br>

<img src="b2.jpg" onmouseover="chgpic(this);">
<img src="b3.jpg" onmouseover="chgpic(this);">

</body></html>
Avatar billede mclemens Nybegynder
07. september 2006 - 22:43 #2
Eksempel:  w  ...  ww.dkif.com/users/clemens/tmp/2/1.html
Avatar billede mclemens Nybegynder
07. september 2006 - 22:45 #3
Har lige rettet scriptet en tand:


<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><head><meta http-equiv="content-type" content="text/html; charset=iso-8859-1"><meta name="robots" content="noindex, follow" /><title>Ingen titel</title>

<script type="text/javascript">

function chgpic(tmppic){
tmpcur=document.getElementById("sbillede").getAttribute("src").replace("s.jpg",".jpg");
document.getElementById("sbillede").setAttribute("src",tmppic.src.replace(".jpg","s.jpg"));
tmppic.setAttribute("src",tmpcur);
}

</script>

</head>

<body>

<img src="b1s.jpg" id="sbillede"><br><br>

<img src="b2.jpg" onmouseover="chgpic(this);">
<img src="b3.jpg" onmouseover="chgpic(this);">

</body></html>
Avatar billede mclemens Nybegynder
07. september 2006 - 22:45 #4
Ups

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><head><meta http-equiv="content-type" content="text/html; charset=iso-8859-1"><meta name="robots" content="noindex, follow" /><title>Ingen titel</title>

<script type="text/javascript">

function chgpic(tmppic){
tmpcur=document.getElementById("sbillede").getAttribute("src").replace("s.jpg",".jpg");
document.getElementById("sbillede").setAttribute("src",tmppic.getAttribute("src").replace(".jpg","s.jpg"));
tmppic.setAttribute("src",tmpcur);
}

</script>

</head>

<body>

<img src="b1s.jpg" id="sbillede"><br><br>

<img src="b2.jpg" onmouseover="chgpic(this);">
<img src="b3.jpg" onmouseover="chgpic(this);">

</body></html>
Avatar billede mclemens Nybegynder
07. september 2006 - 22:50 #5
Ved ikke om det skal være i en box med automatisk centrering ?
Avatar billede mclemens Nybegynder
07. september 2006 - 22:54 #6
((( Vedrørende det lukke spørgsmål, må jeg hellere sige, at det
ikke er mit spørgsmål der er blevet lukket, men en jeg havde hjulpet )))
Avatar billede hvaskerder Nybegynder
08. september 2006 - 12:56 #7
tak for det mclemens men kan man lave det sådan at de små billeder forbliver det de er så det ikke roder rundt??
Avatar billede mclemens Nybegynder
08. september 2006 - 13:55 #8
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><head><meta

http-equiv="content-type" content="text/html; charset=iso-8859-1"><meta name="robots" content="noindex, follow"

/><title>Ingen titel</title>

<script type="text/javascript">

function chgpic(tmppic){
tmpcur=document.getElementById("sbillede").src.replace("s.jpg",".jpg");
document.getElementById("sbillede").src=tmppic.src.replace(".jpg","s.jpg");
}

</script>

</head>

<body>

<img src="b1s.jpg" id="sbillede"><br><br>

<img src="b1.jpg" onmouseover="chgpic(this);">
<img src="b2.jpg" onmouseover="chgpic(this);">
<img src="b3.jpg" onmouseover="chgpic(this);">

</body></html>



... retter online eksempel senere idag ...
Avatar billede hvaskerder Nybegynder
09. september 2006 - 11:18 #9
tak men kan ikke få det til at fungere.. Har kopiret kildefilen fra dit eksempel og givet billederne navne; b1s, b1, b2, b3. Men når jeg kører musen henover billederne bliver de ikke vist som store..
Avatar billede mclemens Nybegynder
09. september 2006 - 12:36 #10
Du skal lave billederne b1 , b2 , b3
og store udgaver af de billeder der
hedder det samme men med et s bagefter
b1s , b2s , b3s ... Så burde de skifte som på siden ?
Avatar billede hvaskerder Nybegynder
09. september 2006 - 15:21 #11
super fedt :D tak for hjælpen..
Avatar billede mclemens Nybegynder
09. september 2006 - 15:42 #12
Velbekom ;)
Avatar billede mclemens Nybegynder
12. september 2006 - 12:41 #13
Tak for point :)
Avatar billede hvaskerder Nybegynder
20. december 2006 - 16:05 #14
Lige endnu et spørgsmål omkring det her billedskift.. Er det muligt at når man ikke har musen over nogen af de små billeder, bliver der vist et billed (der hvor de store billeder bliver vist)??
Avatar billede 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.

Loading billede Opret Preview
Kategori
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 03/05/202613:59
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.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
I går 16:04 Canon printer vil ikke udskrive farver Af mort1 i Printere
I går 14:50 Hvilket fabrikat af Mesh systemer virker? Af fkj i Wifi
15/0513:45 AJAX kode -javascript Af Asky i Programmeringsværktøjer
15/0511:50 Vælg indstilling - blå skærm med med flere muligheder for fejlretning Af Uvanga i Windows
14/0523:24 Google sheets beregning udfra dato Af rickiegrayholm i Office & Kontorpakker
White papers
Flere white papers »