Søg
Avatar billede Slettet bruger
02. oktober 2003 - 22:40 Der er 9 kommentarer og
1 løsning

Udskiftning af billeder

Jeg skal have et billede på skærmen og 3 knapper sådan at når man klikke på knap 2 så vises billede et, knap 3 viser billede 2 - altså på samme sted
Avatar billede Slettet bruger
02. oktober 2003 - 22:41 #1
Jeg prøver igen:
Jeg skal have et billede på skærmen og 3 knapper sådan at når man klikke på knap 1 så vises billede 1, knap 2 viser billede 2 - knap 3 billeder 3 - altsammen på samme sted
Avatar billede skovenborg Nybegynder
02. oktober 2003 - 22:45 #2
<script type="text/javascript">
var billede1 = new Image();
billede1.src = "billede1.png";
var billede2 = new Image();
billede2.src = "billede2.png";
var billede3 = new Image();
billede3.src = "billede3.png";
</script>
<img src="billede.png" name="bld" />
<input type="button" onclick="document.images['bld'].src = 'billede1.png';" value="Billede 1">
Avatar billede skovenborg Nybegynder
02. oktober 2003 - 22:48 #3
så laver du så også en to andre <input> der hedder:
<input type="button" onclick="document.images['bld'].src = 'billede2.png';" value="Billede 2">
<input type="button" onclick="document.images['bld'].src = 'billede3.png';" value="Billede 3">
Avatar billede roenving Novice
02. oktober 2003 - 22:48 #4
<!doctype html public "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Tomt dokument</title>
<meta name="keywords" content="http://www.eksperten.dk/spm/408942">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body>
<br>
<img name="skiftBillede" src="billede.jpg" width="500" height="400"><br>
<button name="button1" id="button1" onclick="document.images['skiftBillede'].src='billede.jpg'">Billede1</button><button name="button2" id="button2" onclick="document.images['skiftBillede'].src='billede2.jpg'">Billede2</button><button name="button3" id="button3" onclick="document.images['skiftBillede'].src='billede3.jpg'">Billede3</button>
</body>
</html>
Avatar billede skovenborg Nybegynder
02. oktober 2003 - 22:50 #5
roenving>> En god ide er altid at preloade billederne først.
Avatar billede Slettet bruger
02. oktober 2003 - 22:58 #6
Hvordan preloader jeg?
Avatar billede skovenborg Nybegynder
02. oktober 2003 - 23:05 #7
det gøres ligesom jeg gjorde i mit første script:
var billede1 = new Image();
billede1.src = "billede1.png";
var billede2 = new Image();
billede2.src = "billede2.png";
var billede3 = new Image();
billede3.src = "billede3.png";

På den måde ligger du et billede ned i en variabel mens siden loader - altså du ligger billedet ned i cachen. På den måde skal du ikke hente hele billedet hver når du trykker.
Avatar billede Slettet bruger
02. oktober 2003 - 23:07 #8
ok

jeg har ikke fået nogen svar endnu som jeg kan bruge points på :-)
Avatar billede skovenborg Nybegynder
02. oktober 2003 - 23:10 #9
her er et - hvis du har lyst til at bruge point ;-)
Avatar billede roenving Novice
02. oktober 2003 - 23:50 #10
>>skovenborg 02/10-2003 22:50:54

-- ja men det manglede jo ikke i dit eksempel ...
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 21/08/202610:41
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 dag 11:24 Hvor kan jeg finde hjælp til at flytte fra min gamle Samsung Flip4 til min nye Samsung Galaxy S24 Af vbr i Apps til Android
I dag 11:16 problem med mailbesked Af Pestilensen i Excel
I dag 10:45 Powerbank Af postpeter@outlook.dk i Fri debat
22/0821:38 webui_forge_cu121_torch231 med AMD Grafikkort. Af jonpet i Andet software
22/0820:06 email adresse Af Malm i Forslag til ændringer
White papers
Flere white papers »