// JavaScript Document // Create and view a picture gallery. // (c) Adrian Yates 20004 // fullsize images are 640x480 default. // Uses CSS for formatting text/background // Global vars // XHTML Constants - edit to suit var wHead = '\n\n\n'; wHead += '\nBurwain Sailing Club Photo Gallery\n'; wHead += '\n'; wHead += '\n'; // Edit this line to include whichever CSS file wHead += '\n\n'; // Edit the body tag to suit which ever CSS class var wBody = '\n

\n'; // Edit the

element to title the pages generated wBody += '

Burwain picture gallery

\n'; function gallery(pWinName, pTitle,pPath, pSn,pEn, left, top, width, height) { // Params: // pWinName is the name of the window to work in. NB if '_self' is passed then current window is used // pTitle is the title which will appear above the images // pPath is the path to the direcory which contains the images (needs trailing '/') // pSN is the start number of the image sequence // pEN is the end number of the image sequence // left, top, width, height refer to the window dimensions (doesnt make any difference if pWinName=_self // // Sample call: //

// var popUp=0; var stHTM=""; var pCn; /* popUp=eval(pWinName); if(!popUp.closed) popUp.close(); */ popUp = open('', pWinName, 'scrollbars=yes,resizable=yes,width='+width+',height='+height+',left='+left+', top='+top+',screenX='+left+',screenY='+top+''); // Generate html string pCn = pSn; stHTM= wHead; stHTM += ''; stHTM += wBody; stHTM+='

' + pTitle+ '

\n'; // Display the image now // stHTM+=' image' + pCn + '.jpg

image' + pCn + '.jpg

\n'; stHTM+=' image' + pCn + '.jpg

image' + pCn + '.jpg

\n'; // Now write out the table, containg the next, back and previous links stHTM+='\n'; stHTM+='\n'; stHTM+='\n'; stHTM+='\n'; stHTM+='\n'; // stHTM+='\n'; stHTM+='\n'; stHTM+='

\n'; stHTM+='

\n'; stHTM+='

image ' + pCn + ' of ' + pEn + '

\n'; stHTM+='

\n'; // stHTM+='

image'+pCn+'.jpg

\n'; stHTM+='

\n'; if (popUp) { popUp.document.write(stHTM); popUp.document.close(); } } function PrevPic() { // Display previous pic in sequence, or wrap round to last pic if (iCur > iSn) iCur--; else iCur = iEn; replacePic(); } function NextPic() { // Display next pic in sequence, or wrap round to first pic if (iCur < iEn) iCur++; else iCur = iSn; replacePic(); } function replacePic() { // Replace current image with next image in sequence document.images[0].src = iPath + iCur +".jpg"; document.images[0].alt = 'image' + iCur + '.jpg'; // Update image name in text var t = document.getElementById("fname"); if (t) t.innerHTML = 'image ' + iCur + ' of ' + iEn; }