Avatar billede smackers Nybegynder
12. september 2001 - 02:47 Der er 7 kommentarer og
1 løsning

skifte både billede og tekst

Hejsa,

På min side har jeg øverst 10 thumbnail-billeder.

Når fx. \"billede_1.gif\" klikkes på, skal der nedenunder de 10 thumbnails vises det originale store billede samt en beskrivende tekst.

Hvordan får jeg et javascript til at gøre dette??

mvh smackers
Avatar billede jiggypoof Nybegynder
12. september 2001 - 02:51 #1
http://www.wsabstract.com/script/script2/coolmenu.shtml

Er det sådan ala det? bare med billeder også du søger?
Avatar billede roenving Novice
12. september 2001 - 02:58 #2
<A href=\"#\" onClick=\"top.frames.rammeNavn.document.getElementById.divId.location.href=\'detStoreBillede.gif\';\"><img src=\'thumbNailLilleBillede.gif\'></A>

hth
jes
Avatar billede jakoba Nybegynder
12. september 2001 - 03:37 #3
Noget a la denne:
http://hjem.get2net.dk/Jakob.Aggernaes/temp/exp108565.html

de thumbnails jeg lige havde er brede så det blev 2 rækker. Hvis dine er snallere kan du nok nøjes med een række.

mvh JakobA
Avatar billede Slettet bruger
12. september 2001 - 14:57 #4
Hvis dine thumbs og dine originale billeder er to forskellige grafik-filer, så er det vel bare noget i stil med:

<html>
<head>
<script>
<!--

function skiftBillede(url) {
document.mitBillede.src = url
}

//-->
</script>
</head>
<body>
<table>
<tr><td>
<img src=\"billede_1.gif\" onClick=\"skiftBillede(\'billede_2.gif\')\" style=\"cursor:hand;\"><img src=\"...\" onClick=\"...\" style=\"...\"> o.s.v.
</td></tr>
<tr><td><img src=\"start_billede.gif\" name=\"mitBillede\">
</td></tr>
</table>
</body>
</html>

Så laver du som sagt dine thumbs sådan her:

<img src=\"thumb_billede.gif\" onClick=\"skiftBillede(\'originalt_billede.gif\')\" style=\"cursor:hand;\">
Avatar billede Slettet bruger
12. september 2001 - 15:06 #5
Ups, jeg havde lige glemt den med teksten:

<html>
<head>
<script>
<!--

ie = (!document.all) false : true

function skiftBillede(url,tekst) {
document.mitBillede.src = url
if (ie) {
document.all.iespan.innerHTML = tekst
}
else {
document.nsilayer.document.nslayer.document.write(tekst)
}
}

//-->
</script>
</head>
<body>
<table>
<tr><td>
<img src=\"billede_1.gif\" onClick=\"skiftBillede(\'billede_2.gif\',\'Billede 2\')\" style=\"cursor:hand;\"><img src=\"...\" onClick=\"...\" style=\"...\"> o.s.v.
</td></tr>
<tr><td><img src=\"start_billede.gif\" name=\"mitBillede\">
</td></tr>
<tr><td>
<span id=\"iespan\"><ilayer id=\"nsilayer\"><layer id=\"nslayer\"></layer></ilayer></span>
</td></tr>
</table>
</body>
</html>
Avatar billede Slettet bruger
12. september 2001 - 15:08 #6
Ups, mangler et spm-tegn i scriptet. Sådan her skal linjen se ud:

ie = (!document.all) ? false : true

Og så skriver du på dine thumbnails:

<img src=\"thumb_billede.gif\" onClick=\"skiftBillede(\'originalt_billede.gif\',\'Teksten, der skal stå under billedet\')\" style=\"cursor:hand;\">
Avatar billede Slettet bruger
01. oktober 2001 - 18:13 #7
Var det ikke det, du søgte?
Avatar billede smackers Nybegynder
01. oktober 2001 - 21:21 #8
Det var faktisk lige hvad jeg ledte efter!

Tak for svaret phoenixv, og undskyld ventetiden! Jeg havde ærligt talt glemt det...

Mvh smackers
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
Vi tilbyder markedets bedste kurser inden for webudvikling

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