---
title: "Bildgalleri"
type: "forum-thread"
url: "https://www.webforum.nu/amne/asp/148469-bildgalleri"
topic: "ASP"
topic_url: "https://www.webforum.nu/amne/asp"
author: "corona"
published: "2006-06-27T15:41:47.000Z"
updated: "2006-06-27T19:46:47.000Z"
replies: 1
views: 304
page: 1
pages: 1
language: "sv-SE"
site: "webForum — webforum.nu"
rights: "Upphovsrätten till varje inlägg tillhör dess författare."
attribution: "Citera som: webForum, https://www.webforum.nu/amne/asp/148469-bildgalleri"
---

# Bildgalleri

## #1 — corona, 2006-06-27T15:41Z

Håller på med ett bildgalleri som är kopplad till en access-databas.
Man kan välja olika album och som visar ett antal thumbs och klickar man på dessa visas de i större format. Nu till det kluriga.
Jag vill inte att de större bilderna ska visas i ett klassiskt popup-fönster utan i en div-box.
Jag undrar hur man får med ett specifik ID till ett javascript som sedan levererar det specifika ID:et till div-boxen? Går det???

Min javascript kod är:

```
function openImage() {
document.getElementById("visastorbild").style.display="block"; 
}

function closeImage() {
document.getElementById("visastorbild").style.display="none"; 
}
```

 

Min asp-länk är:

```
<a href="javascript:openImage()" title="Se bilden i st&ouml;rre storlek"><img src="fotoalbum/thumbs/<%=RecSet("BildLiten")%>" /></a>
```

 

Min div-box:

```
<div id="visastorbild">
<!-- anropning av databas med spec. ID -->
<div class="close"><a href="javascript:closeImage()" title="St&auml;ng f&ouml;nster">St&auml;ng ner bild</a></div>
<img src="../../fotoalbum/<%=RecSet("BildStor")%>" height="<%=RecSet("BildStorHeight")%>" width="<%=RecSet("BildStorWidth")%>" /><br />
<%=RecSet("BildText")%>
<!-- stänger databas -->
</div>
```

 

Någon som kan ge mig ett tips hur jag ska göra detta eller är det super krångligt?

Annette

Permalänk: https://www.webforum.nu/p/148469

## #2 — doggelito, 2006-06-27T19:46Z

Det går (så klart) men det kanske inte är bästa lösningen dock.
För med den metoden så laddas alla stora bilder samtidigt, dvs. kan bli tungladdat; om du inte kan lösa bildladdningen separat med javascript på nått vis.
Men typ så här skulle det kunna se ut:

```
function openImage(bildid) {
document.getElementById("visastorbild"+bildid).style.display="block"; 
}

function closeImage(bildid) {
document.getElementById("visastorbild"+bildid).style.display="none"; 
}

...
'börja loopa ut från databas här---------------

<div id="visastorbild<%= RecSet("Bildid") %>">
<!-- anropning av databas med spec. ID -->
<div class="close"><a href="javascript:closeImage(<%= RecSet("Bildid") %>)" title="St&auml;ng f&ouml;nster">St&auml;ng ner bild</a></div>
<img src="../../fotoalbum/<%=RecSet("BildStor")%>" height="<%=RecSet("BildStorHeight")%>" width="<%=RecSet("BildStorWidth")%>" /><br />
<%=RecSet("BildText")%>
<!-- stänger databas -->
</div>

...
<a href="javascript:openImage(<%= RecSet("Bildid") %>)" title="Se bilden i st&ouml;rre storlek"><img src="fotoalbum/thumbs/<%=RecSet("BildLiten")%>" /></a>
```

Permalänk: https://www.webforum.nu/p/1835267

---

Tråden på webben: https://www.webforum.nu/amne/asp/148469-bildgalleri