Søg
Avatar billede humlebien Novice
10. april 2001 - 11:05 Der er 15 kommentarer og
1 løsning

Jeg skal nok bruge layer

Jeg vil herne have hjælp til noget kode, der kan gøre følgende:

Når musen er over noget tekst skal der udskiftes et billede på siden, dette billede skal vises indtil musen er over noget andet tekst, som der så for et andet billede frem.

Er det forståeligt skrevet.....????
Avatar billede jumper Nybegynder
10. april 2001 - 11:11 #1
Yeps, ganske forståeligt skrevet, og hvis du kan gå med til at den tekst musen skal bevæge sig hen over er et link kan det endda laves uden layers/dhtml (dermed virke i flere browsere) ;)

/Thor
Avatar billede humlebien Novice
10. april 2001 - 11:13 #2
Det skal helst være almindelig tekst, men man kan vel bare gøre linket inaktivt ved hælp af styles!??
Avatar billede nute Nybegynder
10. april 2001 - 11:14 #3
du kan faktisk lage det så enkelt som dette:

<a href=\"java script:void(0);\" onMouseOver=\"document.pic1.src=\'bilde1.gif\';\" onMouseOut=\"document.pic1.src=\'bilde.gif\';\">Skift bilde</a>&nbsp;<a href=\"java script:void(0);\" onMouseOver=\"document.pic1.src=\'bilde2.gif\';\" onMouseOut=\"document.pic1.src=\'bilde.gif\';\">Skift bilde</a><br>
<img name=\"pic1\" src=\"bilde.gif\">

/nute
Avatar billede nute Nybegynder
10. april 2001 - 11:15 #4
du skal bare bytte ut bilde.gif, bilde2.gif, bilde2.gif med de bildene du vil benytte
Avatar billede nute Nybegynder
10. april 2001 - 11:17 #5
her har du faktisk en liten tutorial i nettopp det du ønsker:

http://www.dansteinman.com/dynduo/en/images.html

/nute
Avatar billede jumper Nybegynder
10. april 2001 - 11:20 #6
Tja, her er et hurtigt sammenkogt eksempel:

<html>
<head>
<style>
<!--
A:hover {text-decoration:none}
-->
</style>
<script>

function SkiftBillede(til){
  if (document.images)
    document.DITBILLEDE.src = til;
}

</script>
</head>
<body>

<img width=50 height=50 name=DITBILLEDE src=\"tomt.gif\">

<a href=\"noget.html\" onmouseover=\"SkiftBillede(\'billede1.gif\')\" onmouseout=\"SkiftBillede(\'tomt.gif\')\">Test test</a>

<a href=\"noget.html\" onmouseover=\"SkiftBillede(\'billede2.gif\')\" onmouseout=\"SkiftBillede(\'tomt.gif\')\">Test test</a>

<a href=\"noget.html\" onmouseover=\"SkiftBillede(\'billede3.gif\')\" onmouseout=\"SkiftBillede(\'tomt.gif\')\">Test test</a>

</body>
</html>

/Thor
Avatar billede humlebien Novice
10. april 2001 - 11:44 #7
Tak Jumper - det virker fint. Er det ikke muligt at lægge det på en <td> i stedet for et link?
Avatar billede humlebien Novice
10. april 2001 - 11:46 #8
Jumper : Hæ, jeg kom først. Det kan man godt
Avatar billede jumper Nybegynder
10. april 2001 - 11:48 #9
humlebien, du kan sagtens lægge det på en <td> istedet, så virker det dog kun i IE4+ og NS6+ (men pyt, NS4 er ved at dø ;).

/Thor
Avatar billede humlebien Novice
10. april 2001 - 11:56 #10
Jumper vinder ....... det var nogle nemme points hva\'??!!
Avatar billede jumper Nybegynder
10. april 2001 - 11:59 #11
humlebien, det var da ikke de sværeste points, men pyt - så længe dit spørgsmål blev besvaret og du er tilfreds ;)

/Thor
Avatar billede humlebien Novice
10. april 2001 - 12:00 #12
Jumper, når man ikke gider at lede, må man jo betale......
Avatar billede nute Nybegynder
10. april 2001 - 12:38 #13
hmmm.....selv om mitt eksempel var nøyaktig det samme og raskere :-|
Avatar billede olebole Juniormester
11. april 2001 - 05:43 #14
<ole>
Thor >> Er NS2 og IE3 mere sejlivede end NS4? \"if(document.images)\":
function SkiftBillede(til){
  if (document.images)
    document.DITBILLEDE.src = til;
}
/mvh :)
</bole>
Avatar billede jumper Nybegynder
11. april 2001 - 07:47 #15
olebole, der er næsten flere IE3 brugere tilbage end NS3/NS4 brugere *G* Uanset hvad, så er det kun én ekstra linje kode, og det skader aldrig at være på den sikre side ;)

/Thor
Avatar billede olebole Juniormester
11. april 2001 - 14:20 #16
...just joking ;)
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 HTML kategorien

Titel Indlæg Oprettet Seneste aktivitet
Hjælp med HTML og CSS Af Nojsa i HTML 18 10/09/202515:07 17/09/202515:11
CSS 2 x firkanter + tekst på samme linje Af nemlig i HTML 3 19/03/202522:16 20/03/202513:04
Se og ændre html på en webside Af magger i HTML 4 11/03/202513:55 12/03/202506:56
Få input felt, der er med fed skrift og formatteres på linje Af KurtG i HTML 5 02/03/202520:05 04/03/202515:40
Variabler som ikke virker Af Frits Jensen i HTML 3 30/10/202409:37 01/01/202515:27
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
16/1016:25 En "Gammel" & "Retro" PC Service ? Husker ikke navnet .... Af Ikke-ekspert i Diverse
16/1016:17 Jeg har lige købt en Samsung mobil telefon Af Strawberry i Mobiltelefoner
16/1013:20 Lotus Approach Af Carsten i Andet software
15/1015:34 Epson scanner forbinder ikke til computer Af bbkdk i Printere
11/1013:35 Bruger på Win11 Af lurup i Browsere
White papers
Flere white papers »