Søg
Avatar billede hedegaard1 Nybegynder
11. december 2002 - 18:47 Der er 17 kommentarer og
1 løsning

Billedeskift et andet sted på siden

Er der en der kan hjælpe mig med et javascript, hvor man kan lave et link et sted på hjemmesiden, der gør så et billede skifter omgående et andet sted på siden, når man fører musen over linket?????

Hvis i ikke forstår spørgsmålet, så bare skriv, så skal jeg prøve at forklare det bedre!!! :o)
Avatar billede nikolajdu Nybegynder
11. december 2002 - 18:50 #1
<a href="#" onmouseover="document.images['mitBillede'].src='hej.gif'" onmouseout="document.images['mitBillede'].src='normal.gif'">link du</a>

<img name="mitBillede" src="normal.gif">

/Nikolaj
Avatar billede sukos Juniormester
11. december 2002 - 18:50 #2
<html><head><title>mouseover2</title>
<script language="javascript">
<!--
knap1=new Image(); knap1.src='billede1.gif';
knap2=new Image(); knap2.src='billede2.gif';
knap3=new Image(); knap3.src='billede3.jpg';
knap4=new Image(); knap4.src='billede4.jpg';
//-->
</script>
</head>
<body>
<a href="" onMouseover="document.images['on_over'].src=knap2.src"
onMouseOut="document.images['on_over'].src=knap1.src">Et link</a><br>
<a href="" onMouseover="document.images['on_over'].src=knap3.src"
onMouseOut="document.images['on_over'].src=knap1.src">Et andet link</a><br>
<a href="" onMouseover="document.images['on_over'].src=knap4.src"
onMouseOut="document.images['on_over'].src=knap1.src">Et tredje link</a><br>
<p>
<img src="billede1.gif" name="on_over">
</body></html>
Avatar billede sukos Juniormester
11. december 2002 - 18:51 #3
well, i nikolajdu's bliver billedet først loadet ved mouseover :O)
Avatar billede hedegaard1 Nybegynder
11. december 2002 - 18:52 #4
nikolaj, forklar lige lidt bedre plz...
Avatar billede pelkjaer Nybegynder
11. december 2002 - 18:52 #5
og lige en til http://www.peterelkjaer.dk/exp/skiftbillede.html
Avatar billede hedegaard1 Nybegynder
11. december 2002 - 18:54 #6
ja men det skal det også først sukos, det er til brug af visning af tagsten, og linkene kommer til at stå et andet sted, og så skal jeg ikke bruge så meget plads, hvis de kommer samme sted, istedet for at sætte 20 billeder ind lige efter hinanden :o)
Avatar billede nikolajdu Nybegynder
11. december 2002 - 18:54 #7
Der er vidst ikke så meget at forklare hvis bare du kigger efter.

mouseover giver : hej.gif i det billede der har navnet 'mitBillede'
mouseout vender tilbage til den 'normal.gif' jeg havde sat på billedet fra starten.
Avatar billede sukos Juniormester
11. december 2002 - 18:56 #8
Jah, okay, men "fidusen" ligger såmænd kun i at du giver dit <img>-tag et "name" som der så referes til ved mouseover.
Avatar billede hedegaard1 Nybegynder
11. december 2002 - 18:57 #9
tror der er en misforståelse???

Billede skal først komme frem, når man kører musen hen over linket, altså det skal ikke skifte fra et til et andet, men derimod først vise et billede, når man kører over linket, og der skal kunne laves flere link, der refere til samme sted på siden???
Avatar billede hedegaard1 Nybegynder
11. december 2002 - 18:58 #10
forstår i?
Avatar billede hedegaard1 Nybegynder
11. december 2002 - 18:58 #11
:o)
Avatar billede pelkjaer Nybegynder
11. december 2002 - 19:00 #12
Så er det vidst ikke et img swap du leder efter, men sikkert noget show/hide layers istedet.

Anyway, en doven løsning ville være et transparent billede som "normal" til de eks. du allerede har her.
Avatar billede nikolajdu Nybegynder
11. december 2002 - 19:00 #13
Aha - Så laver den en lille gennemsigtig gif fil der fylder 1*1 pixels. Den indsætter du så som billede til at starte med.

<a href="#" onmouseover="document.images['mitBillede'].src='hej.gif'" onmouseout="document.images['mitBillede'].src='gennemsigtig.gif'">link du</a>

<img name="mitBillede" src="gennemsigtig.gif" height="30" width="20">
Avatar billede hedegaard1 Nybegynder
11. december 2002 - 19:01 #14
http://www.martinit.dk/TMPrar3k6yvde.htm

se lige dette link, og få en ide til hvad jeg mener :o)
Avatar billede pelkjaer Nybegynder
11. december 2002 - 19:05 #15
http://www.peterelkjaer.dk/exp/showhideLayers.html
Avatar billede hedegaard1 Nybegynder
11. december 2002 - 19:05 #16
nikolaj, det script du har givet mig, kan det godt sættes op til at skifte billede i samme celle?
Avatar billede hedegaard1 Nybegynder
11. december 2002 - 19:06 #17
jeg mener flere billeder i samme celle???

i så fald, kan du så ikke vise en kode hvordan????

Jeg er ikke skide god til java :o(
Avatar billede nikolajdu Nybegynder
11. december 2002 - 19:08 #18
Det gør det allerede.

<a href="#" onmouseover="document.images['mitBillede'].src='hej.gif'" onmouseout="document.images['mitBillede'].src='normal.gif'">link du</a>

og noget andet :

<a href="#" onmouseover="document.images['mitBillede'].src='etHELTandetBillede.gif'" onmouseout="document.images['mitBillede'].src='normal.gif'">nyt billede</a>

<img name="mitBillede" src="normal.gif">

anyway så gør hellere sådan her :

<script>

function skiftDu(bil){
document.images['mitBillede'].src=bil
}

</script>

<a href="#" onmouseover="skiftDu('hej1.gif')" onmouseout="skiftDu('normal.gif')">link du1</a>
<a href="#" onmouseover="skiftDu('hej2.gif')" onmouseout="skiftDu('normal.gif')">link du2</a>
<a href="#" onmouseover="skiftDu('hej3.gif')" onmouseout="skiftDu('normal.gif')">link du3</a>

<img name="mitBillede" src="normal.gif">
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 går 13:06 Kan ikke starte min pc Af Malm i PC
07/0919:20 DVD program Af dcedata1977 i Andet software
07/0916:09 Bitdefender brokker sig Af FinnRasmussen i Andet sikkerhed
06/0921:00 Libre Office Impress Af Frank i Andre styresystemer
06/0911:47 VB script Af Jenshentze i Word
White papers
Flere white papers »