hi
you can use javascript to approach this,or,if you have a server,you can use active server page,like php.
for a small website,I suggest you use javascript.
I wrote an example code for you:
[HTML]
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</head>
<script language="javascript">
<!--
var images = [
"http://www.fresnobeehive.com/archives/upload/2007/04/p1_beckham-SI-bruty.jpg",
"http://www.southshields-sanddancers.co.uk/photos_posters/david_beckham_calendar_photo.jpg",
"http://www.shavingstuff.com/archives/BeckhamPhoto2.jpg",
"http://www.theage.com.au/ffximage/2007/05/18/beckham_wideweb__470x299,2.jpg"
];
var id = 1;
function reloadImage()
{
document.getElementById("myimg").setAttribute( "src",images[id-1] );
document.getElementById("imageid").innerHTML = "No:" + id;
}
function go()
{
if (id >=0 && id <images.length)
{
id = document.getElementById("txtpage").value;
reloadImage()
}
else
alert ("please input a correct number,1 to " + (images.length));
}
function next()
{
if (id == images.length)
id = 1;
else{
id++;
}
reloadImage();
}
function previous()
{
if (id == 1)
id = images.length;
else{
id--;
}
reloadImage();
}
-->
</script>
<body>
<img id="myimg" src="http://www.fresnobeehive.com/archives/upload/2007/04/p1_beckham-SI-bruty.jpg" />
<div id="imageid">No:1</div>
<br />
<input type="button" value="Previous" onclick="javascript
:go();"/>
<input type="button" value="next" onclick="javascript
:next();"/>
<br />
to which image?(1-4)<input id="txtpage" type="text" size="5" value="" />
<input type="button" value="Go" onclick="javascript
:go();"/>
</body>
</html>
[/HTML]
you can email me when you still have trouble about it.
1
