Søg
Avatar billede balling Nybegynder
22. januar 2003 - 11:24 Der er 17 kommentarer og
1 løsning

Animerede knapper, HTML eller Java?

Hvad skal jeg gøre for at et billede (link) skiftes ud med et andet billede når musen køres over, og derefter tilbage igen når den fjernes og derved skaber illusionen af en animering, der dog kun indeholder to frames?¨

Jeg har forsøgt med at lave en ani-gif, der afspilles når musen er over, men det er langt fra optimalt!

Håber i kan hjælpe mig!

- Balling
Avatar billede di8leva Nybegynder
22. januar 2003 - 11:31 #1
kan du bruge detta?
----------------------------------------
<html>
<script language="JavaScript">
function change(img, over, nr)
{
    if(over)
    {
    img.src="over" + nr + ".gif";
    img.alt="over" + nr;
    }
    else
    {
    img.src="out" + nr + ".gif";
    img.alt="out" + nr;
    }
}
</script>
<img src="out1.gif" alt="out1" onMouseOver="change(this, true, 1);" onMouseOut="change(this, false, 1);"><br>
<img src="out2.gif" alt="out2" onMouseOver="change(this, true,
Avatar billede di8leva Nybegynder
22. januar 2003 - 11:31 #2
oops, de to <img-tags skall vare:
-----------------------------------------------
<img src="out1.gif" alt="out1" onMouseOver="change(this, true, 1);" onMouseOut="change(this, false, 1);"><br>
<img src="out2.gif" alt="out2" onMouseOver="change(this, true, 2);" onMouseOut="change(this, false, 2);"><br>
---------------------------------------------
Avatar billede kane Juniormester
22. januar 2003 - 11:31 #3
<script>
function switchimg(pic,pic2){
document.images['ditbillede.jpg'].src=pic;
dom=document.getElementByID('ditbillede.jpg')
dom.onmouseover='document.images["ditbillede.jpg"].src=pic2'
}
</script>
Avatar billede balling Nybegynder
22. januar 2003 - 11:33 #4
di8leva>>> hm... måske, men kan du ikke lige forklare hvilke værdier, der repræsentere mine billeder?

- Balling
Avatar billede di8leva Nybegynder
22. januar 2003 - 11:36 #5
hvis dina billeder heder:
over1.gif --- out1.gif
over2.gif --- out2.gif
over3.gif --- out3.gif
osv...

så børjar billeden med <img src="out1.gif" og det sista nr i metoden er samme nr onMouseOver="change(.. , .. , 1)"
Avatar billede balling Nybegynder
22. januar 2003 - 11:36 #6
di8leva>>> Der sker ikke så meget... der er bare to billeder under hinanden...!

- Balling
Avatar billede balling Nybegynder
22. januar 2003 - 11:38 #7
Kane>>> Hvad skal jeg så skrive i billedets tag?

- Balling
Avatar billede kane Juniormester
22. januar 2003 - 11:40 #8
Tilføj dette i <head> sektionen på din side:

<script type="text/javascript">
<!-- Dkscripts.tk

<!-- 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>


Og sådan skal dit billede tag se ud:

<a href="http://www.dkscripts.tk" 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>
Avatar billede balling Nybegynder
22. januar 2003 - 11:40 #9
di8leva>>> jeg vil skifte filen grafik/ind.gif ud med grafik/pro.gif når musen køres over... kan du ikke prøve at bruge de to navne!? ;)

- Balling
Avatar billede kane Juniormester
22. januar 2003 - 11:41 #10
sowwe første var lidt ved siden af.
Avatar billede kane Juniormester
22. januar 2003 - 11:44 #11
<script type="text/javascript">
<!-- Dkscripts.tk

<!-- Start

billede1 = new Image();
billede1.src = "grafik/ind.gif";

billede2 = new Image();
billede2.src = "grafik/pro.gif";

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

// Slut -->
</script>


<a href="http://www.dkscripts.tk" 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>
Avatar billede balling Nybegynder
22. januar 2003 - 11:46 #12
Kane> > > Der sker ikke så meget... billedet ændrer sig ikke!

- Balling
Avatar billede di8leva Nybegynder
22. januar 2003 - 11:48 #13
detta er med dina billeder------------------

<html>
<script language="JavaScript">
function change(img, source)
{
    img.src = source;
    img.alt = source;
}
</script>
<img src="grafik/ind.gif" onMouseOver="change(this, 'grafik/ind.gif');" onMouseOut="change(this, 'grafik/pro.gif');"><br>
Avatar billede kane Juniormester
22. januar 2003 - 11:49 #14
<a href="http://www.dkscripts.tk" onmouseover="skiftbillede('eksempel','grafik/ind.gif')" onmouseout="skiftbillede('eksempel','grafik/pro.gif')"> <img name="eksempel" src="grafik/pro.gif" alt="Før musen over dette billede" style="border:none;" /></a>
Avatar billede kane Juniormester
22. januar 2003 - 11:49 #15
muligvis de skal byttes om.
Avatar billede di8leva Nybegynder
22. januar 2003 - 11:51 #16
og hvis der er fejl ordning, byd bara de olika billed-linkar.. tror du kan se vilken der er vilken av dem =).
Avatar billede balling Nybegynder
22. januar 2003 - 11:56 #17
di8leva>>> Yep, det virker perfekt! Tak for hjælpen!

- Balling
Avatar billede di8leva Nybegynder
22. januar 2003 - 11:57 #18
godt =)

enjoy.....
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 14:55 Hente WordPad til Windows 11 Af Strawberry i Andet software
I går 11:37 Persits.Upload Af bsn i ASP
16/0918:13 oprette et installationsmedie Af Malm i Windows
16/0913:11 Adapterstik stik på ladekabel til USB-C Af ErikHg i Andet software
15/0911:19 Ios 27 iphone låst sim Af claes57 i Apps til iOS
White papers
Flere white papers »