Mouseclick på billede

Ved jeg kan lave det med frames, men kan det ikke lade sig gøre uden?

Sagtens, men hvad har du før i den anden tabel ?-)

Ofte vil man have en plads til at vise et stort billede og så en masse små billeder, som man gerne vil kunne vise stort, og så kan man jo sætte et default billede ind ...

F.eks.

<img id="stortBillede" src="Billede0.jpg" style="width:500px;height:400px;"><br>

<img src="Billede0.jpg" style="width:50px;height:40px;" onclick="document.getElementById('stortBillede').setAttribute('src',this.getAttribute('src'));">

<img src="Billede1.jpg" style="width:50px;height:40px;" onclick="document.getElementById('stortBillede').setAttribute('src',this.getAttribute('src'));">

<img src="Billede2.jpg" style="width:50px;height:40px;" onclick="document.getElementById('stortBillede').setAttribute('src',this.getAttribute('src'));">

<img src="Billede3.jpg" style="width:50px;height:40px;" onclick="document.getElementById('stortBillede').setAttribute('src',this.getAttribute('src'));">

Tak. Præcist hvad jeg manglede. Håber du kan hjælpe med det sidste.

Jeg henter en række billeder fra min DB og placerer dem i mindre tabeller. Når jeg så klikker på et af dem vises de større i den store tabel (præcist som du selv skrev). Jeg benytter nedenstående kode til at hente billeder fra min DB.

<tr>
<%
Set Folder = FSO.GetFolder("pic1")
For Each File In Folder.Files
%>
<td>
<img src="\pic1\<%Response.Write(File.Name)%>" border="2" color="black" width="80" height="100" align="bottom" alt="">   
</td>
<%
Next
%>
</tr>

Mit problem er at når siden loades vil jeg gerne som default have det første billede vist i den store tabel, men hvordan gør jeg det når koden ovenstående ikke kender til filnavnene, hvilket jeg heller ikke ønsker. Jeg vil blot have den første fil der vælges i forløkken til at blive vist i den store tabel.

Tak

Jeg ville lave denne linie om til en funktion:

document.getElementById('stortBillede').setAttribute('src',this.getAttribute('src'));

Eksempel:

<script type="text/JavaScript" language="JavaScript">
function vis(s)
{
    document.getElementById('stortBillede').setAttribute('src',s);
}
</script>

Så kunne man lave ASP koden om til:
<%

dim vis, sti_og_filnavn, filer
vis = ""
sti_og_filnavn = ""
filer = ""

For Each File In Folder.Files
    filer = filer & File.Name & "\"
next
filer = left(filer, len(filer) - 1) ' fjern det sidste/overflødige "\"

filer = split(filer, "\") ' laver strengen med filnavnene til en array

startbillede = filer(0) ' startbilledet er den første fil i arrayen, som har pladsen/indekset 0

'vis startbilledet:
%>
<img id="stortBillede" src="<%="/pic1/" & startbillede%>" style="width:500px;height:400px;">

OPSÆTNING_AF_TABEL_HER!!

<tr>
<%

dim i
for i = LBound(filer) to Ubound(filer)

sti_og_filnavn = "/pic1/" & filer(i)
%>
<td>
<img src="<%=sti_og_filnavn%>" border="2" color="black" width="80" height="100" align="bottom" alt="" onclick="vis('<%=sti_og_filnavn%>')">   
</td>
<%
Next
%>
</tr>


PS: Det er ikke testet :-)

Svar og der er point - tak

roenving> Sig til hvis du vil dele..

- Svar

Velbekomme '-)

ahara> Du skal lige markerer vores navne i boksen til venstre, og derefter klikke på Accepter-knappen..