khad toevallig zelf zo iets in die stijl nodig, bij mij ist echter voor op ne cd
dus zelf stukske javascript geproduceerd
Code:
<html>
<head>
<script type="text/javascript">
<!--
var aHeight = window.screen.availHeight;
aHeight /= 1.25;
var aWidth = aHeight*1.33; // hoogte-breedte verhouding
var imgCount = 43; // aantal foto's
var cols = 5; // hoeveel kolommen voor de thumbs
var rows = Math.ceil(imgCount/cols);
var col = "";
var counter = 1;
var preloadFlag = false;
function newImage(arg) {
if (document.images) {
var rslt = new Image();
rslt.src = arg;
return rslt;
}
}
function preloadImages() {
if (document.images) {
var temp = "";
var item = new Array();
for (i=1; i<imgCount+1; i++) {
temp += 'thumbs/'+i+'.jpeg';
item[i] = newImage(temp);
temp = "";
}
preloadFlag = true;
}
if (preloadFlag) createTable();
}
function createRow() {
for (i=0; i<5; i++) {
col+= '<td class="cell"><a href="#" onClick="javascript:showPicture('+counter+')"><img border="0" src="thumbs/'+counter+'.jpeg" /></a></td>';
counter += 1;
if (counter == imgCount+1) return;
}
}
function createTable() {
var newTable = '<table class="table">';
for (j=0; j<rows; j++) {
createRow();
newTable+= '<tr>'+col+'</tr>';
col = "";
}
newTable+= '</table>';
document.getElementById('container').innerHTML = newTable;
counter = 1;
}
function showPicture(number) {
if (number == 0) number = imgCount;
if (number == imgCount+1) number = 1;
var picture = newImage(number+'.jpg');
document.getElementById('container').innerHTML =
'<table><tr>'
+ '<td height="150"><img width="'+aWidth+'" height="'+aHeight+'" src="'+number+'.jpg" /></td>'
+ '<td><a href="#" onClick="javascript:createTable()">OVERZICHT</a>'
+ '<br /><br /><a href="#" onClick="javascript:showPicture('+(number+1)+')">VOLGENDE</a>'
+ '<br /><a href="#" onClick="javascript:showPicture('+(number-1)+')">VORIGE</a></td>'
+ '</tr></table>';
}
//-->
</script>
</head>
<body onLoad="javascript:preloadImages()">
<div id="container">
</div>
</body>
</html>
dan moeten uw images wel genummerd zijn van 1.jpg tot x.jpg en moet ge nog een mapke met thumbs hebben van elken image (met zelfste nummer): die thumbs heb ik gemaakt met photo2webpublisher en hebben wel een .jpeg extensie
dan zou het normaal wel moeten werken denkek, ge zie maar of ge het kunt gebruiken of nie ee
ps: als uw foto's hun hoogte/breedte verhouding nie overal zelfste is zouk zeggen: zoek iets anders
kweet nie tegoei hoe het heet