CIO Tech Eksperten IT-JOB IT-Kurser Events Podcast Søg
Cookie ikon
Avatar billede spacee Nybegynder
19. februar 2002 - 17:29 Der er 4 kommentarer og
2 løsninger

billede skal skifte ved mouse over

Hejsa

Jeg er i gang med at designe en hjemmeside for de5gaarde.com  Jeg skal bruge en funktion på mainsiden hvor at når brugerne bevæger musen hen over de forskellige links i menuen så skal der skifte et billede. Jeg har et billede som skal vises til hver link i menuen, jeg er bare ikke klar over hvordan scriptet skal se ud. billederne har samme størrelse og skal vises på samme sted.

Jeg håber i kan hjælpe :)

MVH
/Henrik Larsen
Avatar billede cdc Novice
19. februar 2002 - 17:35 #1
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="da" lang="da">
<head>
<title>Skift billede</title>

<script type="text/javascript">
<!-- Dette script og mange flere -->
<!-- findes hos http://www.html.dk -->
<!-- Start

billede1 = new Image();
billede1.src = "billede1.gif";

billede2 = new Image();
billede2.src = "billede2.gif";

function skiftbillede(img_name,img_src) {
document[img_name].src=img_src;
}

// Slut -->
</script>
</head>
<body>

<a href="http://www.html.dk"
onmouseover="skiftbillede('eksempel','billede2.gif')"
onmouseout="skiftbillede('eksempel','billede1.gif')">
<img name="eksempel" src="billede1.gif" alt="Før musen over dette billede"
style="border:none;" /></a>

</body>
</html>
Avatar billede nonick Nybegynder
19. februar 2002 - 17:35 #2
lytter
Avatar billede cdc Novice
19. februar 2002 - 17:36 #3
ellers kig på www.html.dk hvor denne var hentet fra.

/cdc
Avatar billede urt Nybegynder
19. februar 2002 - 17:36 #4
<A HREF="Url til siden som billedet skal henvise til"
onMouseOver=(document.billedtest1.src='billedet du vil have når musen er over objektet')
onMouseOut=(document.billedtest1.src='billedet du vil have når musen ikke er over objektet')>
<img name = "billedtest1" src= "billedet når musen ikke er over" width = IndsætHer height = IndsætHer border = 0></A>
Avatar billede al_dair Nybegynder
19. februar 2002 - 17:37 #5
<script language="JavaScript">
<!--
function change(picture) {
document.theimg.src = picture
}

function change2(picture) {
document.theimg2.src = picture
}

//-->
</script>

<a href="index.html"
onMouseOver="change('gif2.gif')"
onMouseOut="change('gif1.gif')">
<IMG SRC="gif1.gif" lowSRC="gif2.gif" NAME="theimg" BORDER=0> Link #1</a><br>

<a href="http://www.geocities.com/SoHo/1449"
onMouseOver="change2('gif2.gif')"
onMouseOut="change2('gif1.gif')">
<IMG SRC="gif1.gif" lowSRC="gif2.gif" NAME="theimg2" BORDER=0> Link #2</a>


--------------------------------------------------------------------------------
Avatar billede cdc Novice
19. februar 2002 - 17:37 #6
http://www.html.dk/scripts/javascript/00002/ det var nok denne du skulle have.

/cdc
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
Returner ikke alt Af ingeman i JavaScript 13 26/06/202414:40 01/07/202417:00
Vis og skjul sektioner - virker kun på den første sektion Af nemlig i JavaScript 4 24/06/202422:50 26/06/202420:33
Hente og gemme Cookies like this. Af DanishBear i JavaScript 6 04/06/202416:23 05/06/202414:23
Ajax - indlæs webside og derefter hente data Af nemlig i JavaScript 4 21/05/202417:19 22/06/202422:07
Disable button efter 1. klik Af nemlig i JavaScript 2 05/05/202415:37 05/05/202416:25
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 dag 01:14 Windows 10 - IIS 10 Af bsn i Windows
I går 20:39 Boot fra USB Af poulmadsen i Windows
I går 11:43 Gmail-ikon på skrivebordet Win 10 Af ErikHg i Fri debat
I går 09:22 Lopslag Af Luffe i Excel
03/0719:15 Personlige indstillinger på Facebook Af nu_igen i Sociale medier
White papers
Flere white papers »


Premium
Teaser billede
Efter skatte-dom: IBM Danmark afsætter 163 millioner kroner til ekstra skatte-regning i Danmark
Læs mere »
EG har aldrig tabt så mange penge før: Lander kæmpe-underskud, mens omsætningen buldrer frem
IBM Danmarks omsætning faldet med halv milliard kroner på et år - lander kæmpe-underskud
Rigsrevisionen går i kødet på it-sikkerheden i Banedanmarks signalsystem
Se alle »
Computerworld
Teaser billede
Softwarefirmaet Teamviewer med 640.000 kunder globalt ramt af avanceret hackerangreb
Læs mere »
En pladesaks, 1000W og et Nvidia-grafikkort til 14.000 kroner - sådan opgraderede jeg min pc
Test: Endelig en skærm der er god til alt - lige fra gaming og underholdning til kontorbrug
I dag træder nye de regler om registrering af din arbejdstid i kraft: Er du klar?
Se alle »
CIO
Teaser billede
Efter stort hackerangreb mod Teamviewer: Stop dine opdateringer og tjek opsætningen nu
Læs mere »
I dag træder nye de regler om registrering af din arbejdstid i kraft: Er du klar?
Frygtet melding: Russiske hackere har stjålet Microsoft-kunders e-mails
Russisk hack af Microsoft er meget større end først antaget
Se alle »
Job & Karriere
Teaser billede
Bo solgte sit software-system for et treciftret millionbeløb: Brugte pengene på at købe 80 medarbejdere til ny storsatsning
Læs mere »
Norlys skal splittes op i fem selskaber: Nu bliver flere ansatte og ledere fyret
Dansk top-profil trækker sig fra Microsoft: Skal være direktør i TDC Erhverv
IBM Danmark skifter ud i sin øverste ledelse - her er den nye direktion
Se alle »
White paper
Teaser billede
Rapport kortlægger de 13 bedste muligheder for at sætte turbo på din cloud computing
Læs mere »
Samlet platform sikrer sammenhæng, kontrol og sikkerhed i hybrid cloud
Sådan gør du: Elektronisk dokumentudveksling i praksis
Sådan får du overblik og beskytter dine cloudapplikationer
Se alle »

Events
Flere events »
White papers
Flere white papers »
IT-Kurser
Se alle vores it-kurser »