http://skippersworld.co.uk/UntitledFrameset-4.html Thats what i have done, just made it quickly so you can see! When u click on the little image big one shows up but how do i center it? Must be a way surely?
Hi, I have used frames a lot in the past so hopefully I can shed a little light on this for you.
I have had a look at some of your coding and there is a slight problem with the line below, between the body tags.
<body>
<div align="center"><a href="Foxglove.jpg" target="mainFrame"><img src="Foxglove Small.jpg" width="150" height="111" border="0" /></a></div>
</body>
all you are actually calling the link for your thumbnail to do is to open the large image inside your mainFrame.
What you need to do is write another html page see coding below:-
<html>
<head>
<title>Foxglove Large</title>
</head>
<body>
<center>
<img src="Foxglove.jpg" />
</center>
</body>
</html>
save this as (foxglove.html)
Now change the red highlighted line above in your UntitledFrame-5.html to:-
<div align="center"><a href="foxglove.html" target="mainFrame"><img src="Foxglove Small.jpg" width="150" height="111" border="0" /></a></div>
You will have to write individual html pages for each large image that you wish to target in the mainFrame doing it the way you want to.
You can fiddle around with the frameset by using rows and columns to section off various areas of the webpage and thus leaving a centered section where your large images can be shown by just calling the jpg, this would exclude the need to write individual html pages for each image.
The drawback to frames on web pages is that they all look slightly different on each browser and can be quite messy.
The easier option would be javascript.
I made a quick web search and found this site that might interest you:-
In-Line image Viewer
It is written in Javascript but is extremely basic, you don't need to use ant frames just build it into your index page.
Hope this helps.
