Søg
Avatar billede freefreelancer Nybegynder
17. april 2002 - 15:00 Der er 17 kommentarer og
4 løsninger

Rollover!

Hej eksperter!

Det er meget simpelt...Jeg har et billede og når musen er over billedet skal billedet udskiftes med et andet :)

-Jonas
Avatar billede hells Nybegynder
17. april 2002 - 15:06 #1
Her er scriptet:
http://www.html.dk/scripts/javascript/00001/
Avatar billede Slater Ekspert
17. april 2002 - 15:07 #2
<script language=JavaScript>

var img1 = new Image(100,21);
img1.src = "billede1.gif";
var img2 = new Image(100,21);
img2.src = "billede2.gif";

function over() {
  event.srcElement.src = img2;
}

function out() {
  event.srcElement.src = img1;
}

</script>

<form>
<input type=image src="billede1.gif" onmouseover="over()" onmouseout="out()"></form>
Avatar billede pelkjaer Nybegynder
17. april 2002 - 15:07 #3
function swapimage(imgID,imgSRC){
    document.images[imgID].src=imgSRC;
}

og

men_five_on = new Image();
men_five_on.src = "images/men_five_on.gif";
Avatar billede Slater Ekspert
17. april 2002 - 15:11 #4
hovsa - der skal stå

function over() {
  event.srcElement.src = img2.src;
}

function out() {
  event.srcElement.src = img1.src;
}
Avatar billede freefreelancer Nybegynder
17. april 2002 - 15:12 #5
Er det sådan at en af jer vil lave det på min side?

http://www.co-worker.dk/praktik/index.html

Alle punkter i menuen skal laves sådan at når musen er over skal der sættes et 2 tal på det originale billednavn...Så fikser jeg selv nogle billeder..

Ligger lige 20 point oveni!
Avatar billede pelkjaer Nybegynder
17. april 2002 - 15:17 #6
Det kan du vel selv :o) Ikke gi' op så let.
Se engang:

function swapimage(imgID,imgSRC){
    document.images[imgID].src=imgSRC;
}

og

men_five_on = new Image();
men_five_on.src = "images/men_five_on.gif";

-----

<a href="java script:;"
        onmouseover="swapimage('men_one','images/men_one_on.gif')"
        onmouseout="swapimage('men_one','images/men_one.gif')">
        <img src="images/men_one.gif" alt="" id="men_one" /></a>
Avatar billede hells Nybegynder
17. april 2002 - 15:19 #7
Jeg må også synes du lærer mere ved selv at lave det
Avatar billede freefreelancer Nybegynder
17. april 2002 - 15:19 #8
jeg forstår overhovedet intet af den kode...Hvor skal jeg indsætte den?
Avatar billede pelkjaer Nybegynder
17. april 2002 - 15:24 #9
<html>
<head>
<title></title>
<script type="text/javascript" language="Javascript">
<!--
function swapimage(imgID,imgSRC){
    document.images[imgID].src=imgSRC;
}
men_five_on = new Image();
men_five_on.src = "images/men_five_on.gif";
//-->
</script>
</head>
<body>
<a href="java script:;"
        onmouseover="swapimage('men_one','images/men_one_on.gif')"
        onmouseout="swapimage('men_one','images/men_one.gif')">
        <img src="images/men_one.gif" alt="" id="men_one" border="0"></a>
</body>
</html>
Avatar billede pelkjaer Nybegynder
17. april 2002 - 15:27 #10
Egentlig kan du nøjes med;

<script type="text/javascript" language="Javascript">
<!--
function swapimage(imgID,imgSRC){
    document.images[imgID].src=imgSRC;
}
//-->
</script>

Det andet er en preloader, men den er jo også ganske rar.
Der skriver du bare alle dine "overbilleder" som ovenfor skrevet.
Avatar billede freefreelancer Nybegynder
17. april 2002 - 15:33 #11
Mine billeder rykker sig når jeg prøver?
Avatar billede pelkjaer Nybegynder
17. april 2002 - 15:35 #12
Er de lige store?
Avatar billede freefreelancer Nybegynder
17. april 2002 - 15:35 #13
Jeps ?
Avatar billede pelkjaer Nybegynder
17. april 2002 - 15:35 #14
Sæt width og height på img tagget så.
Avatar billede freefreelancer Nybegynder
17. april 2002 - 15:36 #15
Det har jeg gjort?
Avatar billede casper2 Nybegynder
17. april 2002 - 15:37 #16
hvilket program bruger du?
Hvis du synes koderne er alt for svære at sætte sig ind i kan du jo også bare gøre på en mere enkel måde.

eks. Dreamweaver her er et ikon >Rollover image > vælg billede 1 >Vælg billede 2
Avatar billede pelkjaer Nybegynder
17. april 2002 - 15:38 #17
Ja de rykker sig altså ikke her :o)

Så det ved jeg sq' ikke..
Avatar billede freefreelancer Nybegynder
17. april 2002 - 15:40 #18
Jeg sidder faktisk og arbejde i dreamweaver *Gg*

prøver lige dets indbyggede funktion (vidste ikke den fandtes)
Avatar billede freefreelancer Nybegynder
17. april 2002 - 16:10 #19
Hurra for dreamweaver... :)

-Jonas
Avatar billede pelkjaer Nybegynder
17. april 2002 - 16:20 #20
Ja det siger jeg også - men lige i dette tilfælde er det dog meget kode for så lidt :)
Avatar billede casper2 Nybegynder
17. april 2002 - 16:27 #21
Tak for Pts. :) - Det er ikke så tit jeg er dygtig nok til at hjælpe andre, men i dette tilfælde skulle svaret fra de andre jo bare gøres på en mere enkel måde :)
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
I går 21:29 Vedr. Windows 11 version 26H2 Af ErikHg i Fri debat
I går 18:16 Tømme gammel PC for indhold, kan ikke tændes Af Mai i Andet software
01/1017:41 NVIDIA Geforce GTX 1060 6 GB som "snakker" Af dcedata1977 i Andet hardware
27/0916:43 Nomad Tracking Car Af fleknes i Apps til Android
25/0916:15 Internet forsvinder hele tiden Af TTA i Internetforbindelser
White papers
Flere white papers »