<html>
<head>
<title>Alien Alchemy : Javascript Picture Gallery Demo</title>
</head>
<body>
<script language="javascript">
<!--
// Alien Alchemy Javascript Picture Gallery
// http://alienalchemy.com
// Create all your images as *.gif files or *.jpg files
// and crop them all to the same width and height
// then set these variables below:
$IMAGE_PREFIX = "image";
$IMAGE_SUFFIX = ".jpg";
$IMAGE_WIDTH = 320;
$IMAGE_HEIGHT = 200;
$TOTAL_IMAGES = 3;
$PATH_TO_IMAGES = "";
// ::::::::::::::::::::::::: Do not edit below this line
$CURRENT_IMAGE = 1;
function nextImage(){
if(document.images){
if($CURRENT_IMAGE + 1 <= $TOTAL_IMAGES){
$CURRENT_IMAGE++;
}else{
$CURRENT_IMAGE = 1;
}
document.images.gallerypic.src=$PATH_TO_IMAGES+$IMAGE_PREFIX+$CURRENT_IMAGE+$IMAGE_SUFFIX;
}
}
function backImage(){
if(document.images){
if($CURRENT_IMAGE - 1 != 0){
$CURRENT_IMAGE--;
}else{
$CURRENT_IMAGE = $TOTAL_IMAGES;
}
document.images.gallerypic.src=$PATH_TO_IMAGES+$IMAGE_PREFIX+$CURRENT_IMAGE+$IMAGE_SUFFIX;
}
}
document.writeln("<img border='0' src='"+$PATH_TO_IMAGES+$IMAGE_PREFIX+1+$IMAGE_SUFFIX+"' width="+$IMAGE_WIDTH+" height="+$IMAGE_HEIGHT+" name='gallerypic'>");
document.writeln("<p>[ <a href='javascript:backImage();'>Back</a> | <a href='javascript:nextImage();'>Next</a> ]</p>");
// -->
</script>
<p>This is a demo of the pic gallery script, view the source of this file for info on how to use it</p>
<a href="http://alienalchemy.com">http://alienalchemy.com</a>
</body>
</html>
Load balance : Server 01
