Notifikationer

Markér alle som læst Log ud

olai Juniormester

28. oktober 2004 - 23:24 Der er 4 kommentarer og
1 løsning

Hvordan laves denne billed effekt ?

Hej eksperter.

På mange bilsider ser man en nyttig
billedeffektm hvor man har små thumbnails som
bliver store når du enten står på dem eller
trykker på dem.
Eks:
http://www.bilbasen.dk/biler/private/showcar.asp?ID=535387
Bevæg musen hen over de små billede og vupti.....

Hvordan laves det ????

Mvh
Olai
www.132.dk

Synes godt om

syvon Nybegynder

28. oktober 2004 - 23:56 #1

dette virker i Ie, mozilla og opera. ved ikke om det virker i Ns

<html>
<head>
<style>
.headline{width:50px;float:left;border:1px solid red;}
</style>
<script language="javascript" type="text/javascript">
function skiftbilled(nr){
document.getElementById('billed1').style.display = 'none';
document.getElementById('billed2').style.display = 'none';
document.getElementById('billed3').style.display = 'none';
document.getElementById('billed4').style.display = 'none';
document.getElementById('billed'+nr).style.display = 'block';
}
</script>
</head>
<body>
<div style="cursor:pointer;">

<div class="headline" href="#" onmouseover="skiftbilled(1)">billed 1</div>

<div class="headline" href="#" onmouseover="skiftbilled(2)">billed 2</div>

<div class="headline" href="#" onmouseover="skiftbilled(3)">billed 3</div>

<div class="headline" href="#" onmouseover="skiftbilled(4)">billed 4</div>
</div><br><br>


<div style="width: 200px;height:200px;border:1px solid red;">
<div id="billed1" style="display:true;">
Stort billed 1</div>
<div id="billed2" style="display:none;">
Stort billed 2</div>
<div id="billed3" style="display:none;">
Stort billed 3</div>
<div id="billed4" style="display:none;">
Stort billed 4</div>
</div

</body>
</html>

Synes godt om

olai Juniormester

29. oktober 2004 - 00:02 #2

Lige nøjagtigt !!!
Hvor sætter jeg filnavnet ind på billederne ?

Synes godt om

syvon Nybegynder

29. oktober 2004 - 00:14 #3

<div class="headline" href="#" onmouseover="skiftbilled(1)"> <img="sti til tumb"> </div>

og de store billeder

<div id="billed1" style="display:true;">
<img="sti til stort billed"> </div>

Synes godt om

olai Juniormester

29. oktober 2004 - 14:04 #4

smid lige et svar, syvon :-)

Synes godt om

syvon Nybegynder

29. oktober 2004 - 22:55 #5

svar. :O)

Synes godt om

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.

Følg dette spørgsmål

Opret Preview

Programmeringssprog kurser

Kurser inden for grundlæggende programmering

Se alle Programmeringssprog kurser

Flere spørgsmål fra Andet programmering kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
Bat file. Af johnnylassen i Andet programmering	4	23/04/202616:10	24/04/202609:43
Hjælp til Api.asmx Af lurup i Andet programmering	1	17/03/202609:27	17/03/202614:12
burgermenu til hjemmeside - hjælp! Af SabrinaL i Andet programmering	2	12/11/202514:10	02/12/202520:42
Hjælp til programmering af website Af hamdenlange i Andet programmering	16	17/08/202522:26	19/08/202515:53
Kan man registrere hvis folk lukker en side ned Af KurtG i Andet programmering	8	24/07/202513:06	28/07/202517:03

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.

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten

Seneste artiklerRSS