Bildgalleri — webForum

coronaMedlem sedan feb. 200470 inlägg

Frågan27 juni 2006 15:41#1

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

doggelitoMedlem sedan juni 20003 076 inlägg

27 juni 2006 19:46#2

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>