.. var lige inde og kigge dba.dk, og hvis du er interesseret så er det her det
grundlæggende i dba's galleri.
<html>
<head>
<script>
var objLargeImgLink;
function showThumb(objImgLink,strLargeImgName) {
var strImgSrc = objImgLink.childNodes[0].src;
document.getElementById("annImgLarge").style.backgroundImage = "url(" +
strImgSrc + ")";
// Sætter den rigtige billedsti på onclick eventen
document.getElementById("annImgLarge").getElementsByTagName("A")[0].setAttribut
e("onclick",objImgLink.getAttribute("onclick"));
}
</script>
</head>
<body>
<table cellpadding="0" cellspacing="0" border="0" width="300" height="300">
<tr>
<td align="center" colspan="4" height="227" id="annImgLarge"
style="background:url(
http://images.dba.dk/images/2/70/43722070_05032006122652_5
414_2.jpg) no-repeat center center">
<a href="javascript:void(0)"
onclick="bigPicPop('
http://images.dba.dk/images/3/70/43722070_05032006122652_760
2_3.jpg',468,351,'')"><img src="
http://www.dba.dk/images/misc/trans.gif"
border="0" width="300" height="300"></a></td>
</tr>
</table>
<table cellpadding="0" cellspacing="0" border="0" width="302">
<tr>
<td valign="top">
<div
style="position:relative;float:left;overflow:hidden;width:68px;height:68px;borde
r:1px solid #D5DCE2;background:#FCFCFC;margin-right:3px;margin-top:3px"><a
href="javascript:void(0)" onMouseover="if(this.childNodes[0] &&
this.childNodes[0].src) showThumb(this,'annImgLarge')"
onclick="bigPicPop('
http://images.dba.dk/images/3/70/43722070_05032006122652_760
2_3.jpg',468,351,'')"><img
src="
http://images.dba.dk/images/2/70/43722070_05032006122652_5414_2.jpg"
width="68" height="52" border="0"
style="position:relative;left:0px;top:8px"></a></div>
<div
style="position:relative;float:left;overflow:hidden;width:68px;height:68px;borde
r:1px solid #D5DCE2;background:#FCFCFC;margin-right:3px;margin-top:3px"><a
href="javascript:void(0)" onMouseover="if(this.childNodes[0] &&
this.childNodes[0].src) showThumb(this,'annImgLarge')"
onclick="bigPicPop('
http://images.dba.dk/images/3/70/43722070_05032006122711_483
3_3.jpg',468,351,'')"><img
src="
http://images.dba.dk/images/2/70/43722070_05032006122711_8282_2.jpg"
width="68" height="52" border="0"
style="position:relative;left:0px;top:8px"></a></div>
<div
style="position:relative;float:left;overflow:hidden;width:68px;height:68px;borde
r:1px solid #D5DCE2;background:#FCFCFC;margin-right:3px;margin-top:3px"><a
href="javascript:void(0)" onMouseover="if(this.childNodes[0] &&
this.childNodes[0].src) showThumb(this,'annImgLarge')"
onclick="bigPicPop('
http://images.dba.dk/images/3/70/43722070_05032006122738_993
2_3.jpg',468,351,'')"><img
src="
http://images.dba.dk/images/2/70/43722070_05032006122738_2758_2.jpg"
width="68" height="52" border="0"
style="position:relative;left:0px;top:8px"></a></div>
</td>
</tr>
</table>
</body>
</html>
--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! =>
http://www.html.dk/tutorials