billede forsvinder?
Hey alle...Har et lille galleri af en art, scriptet ser sådanne ud:
var showcat = [0,0,0,0,0,0,0];
function togglePlanGallery(img_id) {
for(var i = 0; i < showcat.length; i++) {
var cat = document.getElementById("gal_img" + (i + 1));
var txt = document.getElementById("imgtxt" + (i + 1));
if(txt && cat) {
if(img_id == i + 1) {
if(showcat[i] == 0) {
cat.style.display = "block";
txt.style.display = "block";
showcat[i] = 1;
}
else {
cat.style.display = "none";
txt.style.display = "none";
showcat[i] = 0;
}
}
else {
cat.style.display = "none";
txt.style.display = "none";
}
}
}
}
-------------
Problemet er at når jeg klikker på linket til et billede, så viser den billedet fint nok, men hvis jeg klikker på det samme link igen, så forsvinder billedet, det skal det ikke, det skal det kun hvis jeg klikker på link nr.2 fx, så skal det erstattes med det billede der hører til link 2...
Mine links ser sådanne ud:
<xsl:if test="DocumentEdition/Fields/Field[@Name = 'Image01Scaled']//img/@src != ''">
<a href="#" onClick="toggleGallery(1); return false;">1</a>
</xsl:if>
<xsl:if test="DocumentEdition/Fields/Field[@Name = 'Image02Scaled']//img/@src != ''">
<a href="#" onClick="toggleGallery(2); return false;">2</a>
</xsl:if>
<xsl:if test="DocumentEdition/Fields/Field[@Name = 'Image03Scaled']//img/@src != ''">
<a href="#" onClick="toggleGallery(3); return false;">3</a>
</xsl:if>
<xsl:if test="DocumentEdition/Fields/Field[@Name = 'Image04Scaled']//img/@src != ''">
<a href="#" onClick="toggleGallery(4); return false;">4</a>
</xsl:if>
<xsl:if test="DocumentEdition/Fields/Field[@Name = 'Image05Scaled']//img/@src != ''">
<a href="#" onClick="toggleGallery(5); return false;">5</a>
</xsl:if>
<xsl:if test="DocumentEdition/Fields/Field[@Name = 'Image06Scaled']//img/@src != ''">
<a href="#" onClick="toggleGallery(6); return false;">6</a>
</xsl:if>
<xsl:if test="DocumentEdition/Fields/Field[@Name = 'Image07Scaled']//img/@src != ''">
<a href="#" onClick="toggleGallery(7); return false;">7</a>
</xsl:if>