Det her er den samlede kode, men jeg har jo ikke haft chance for at teste det ...
Øverst kommer al den javascript-kode du skal sætte ind (jeg vil sætte det ind i <HEAD>-sektionen ,-)
Nederst kommer den stump, du skal sætte ind, hvor du har din tabel idag ...
dine billede-navne indsætter du foroven i preloader-sektionen -- og jeg har ikke endnu fået lavet det, så den får de store billeder med, men det kommer vi til -- måske skulle vi bare tage de store billeder ?-)
Hvis du bare har 6-8-10 så er det ikke farligt, men er det mange, såeh ...
-- og jeg var lige doven, så jeg tog min funktion fra ovenstående link og kopierede ind lige nu ...
<script language="javascript" type="text/javascript">
var antal = 9;
var thumb = new Array()
var billede = new Array()
// thumb[#] = Dit thumb-billede
// billede[#] = Billedet i naturlig størrelse
thumb[1] = new Image();
thumb[1].src = "ThumbImage001.jpg";
billede[1] = new Image();
billede[1].src = "Image001.jpg";
thumb[2] = new Image();
thumb[2].src = "ThumbImage002.jpg";
billede[2] = new Image();
billede[2].src = "Image002.jpg";
thumb[3] = new Image();
thumb[3].src = "ThumbImage003.jpg";
billede[3] = new Image();
billede[3].src = "Image003.jpg";
thumb[4] = new Image();
thumb[4].src = "ThumbImage004.jpg";
billede[4] = new Image();
billede[4].src = "Image004.jpg";
thumb[5] = new Image();
thumb[5].src = "ThumbImage005.jpg";
billede[5] = new Image();
billede[5].src = "Image005.jpg";
thumb[6] = new Image();
thumb[6].src = "ThumbImage006.jpg";
billede[6] = new Image();
billede[6].src = "Image006.jpg";
thumb[7] = new Image();
thumb[7].src = "ThumbImage007.jpg";
billede[7] = new Image();
billede[7].src = "Image007.jpg";
thumb[8] = new Image();
thumb[8].src = "ThumbImage008.jpg";
billede[8] = new Image();
billede[8].src = "Image008.jpg";
thumb[9] = new Image();
thumb[9].src = "ThumbImage009.jpg";
billede[9] = new Image();
billede[9].src = "Image009.jpg";
var nr = 1;
function moveright() {
if(nr < antal-2) {
nr++;
document.images['image1'].src = thumb[nr].src;
document.images['image2'].src = thumb[nr+1].src;
document.images['image3'].src = thumb[nr+2].src;
}
}
function moveleft() {
if(nr > 1) {
nr--;
document.images['image1'].src = thumb[nr].src;
document.images['image2'].src = thumb[nr+1].src;
document.images['image3'].src = thumb[nr+2].src;
}
}
function popWin(file){
newWin=window.open("","ResizeBillede","width=300,height=200,status=no");
txt='<ht'+'ml><he'+'ad><ti'+'tle>Resize til billede<\57ti'+'tle><scri';
txt+='pt language="javascript" type="text/javascript">';
txt+='function resPic(){h=document.images[0].scrollHeight;';
txt+='w=document.images[0].scrollWidth;window.resizeTo(w+6,h+32);}<\57scri';
txt+='pt><\57he'+'ad><bo'+'dy style="overflow:hidden;';
txt+='border:0px;margin:0px"><i'+'mg src="'+file+'" style="top:0px;left:0px;border:0px;';
txt+='" onload="resPic();"><\57bo'+'dy><\57ht'+'ml>';
newWin.document.write(txt);
newWin.document.close();
}
</script>
<table border="1" width="100%" cellspacing="0" cellpadding="2" bordercolorlight="#B6BC59" bordercolordark="#B6BC59">
<tr>
<td width="100%" bgcolor="#B6BC59">
<div class=h1><button onclick="moveleft()"><<</button> PROFIL-FOTO <button onclick="moveright()">>></button></div>
</td>
</tr>
<tr>
<td width="100%">
<table border="0" width="100%">
<tr>
<script language="javascript" type="text/javascript">
document.write('<td width="33%" align="center"><img border="0" src="'+thumb[1].src+'" name="image1" onclick="popWin(this.src);"></td> ');
document.write('<td width="34%" align="center"><img border="0" src="'+thumb[2].src+'" name="image2" onclick="popWin(this.src);"></td> ');
document.write('<td width="33%" align="center"><img border="0" src="'+thumb[3].src+'" name="image3" onclick="popWin(this.src);"></td> ');
</script>
</tr>
</table>
</td>
</tr>
</table>
