S
Sir Mattlocke Erin O'Brien
Greetings all,
I am hoping some one can take a look at this page and tell me what is going
wrong.
http://www.ecs-vega.org/test/index.html
Yes I Know I shouldn't use frames but I am using them and I want to keep
them.
I hand coded this page in notepad and imported it into the site with
FrontPage 2000 and the rest of the site is done in FrontPage 2000. The way
its supposed to work is the thumbnails show up on the left and when you
click on the thumbnail the full size shows up on the right and the
background and the links around the picture stay there for all the pics. I
have a place holder called blankspot.gif that is a 10 x 10 transparent .gif.
When I test the page in a browser before importing it into the site it works
flawlessly but as soon as I import it when you click on the thumbnail you
get a 10 x 10 version of the thumbnail instead of the full-size version of
the pic.
here is the code from the left hand frame:
<HTML>
<SCRIPT LANGUAGE="JScript">
</SCRIPT>
<BODY BACKGROUND="stonewall.jpg">
<CENTER>
<IMG SRC="Renfaire_2001_0043_small.jpg"
onClick="parent.BODY.BODYIMAGE.src='Renfaire_2001_0043.jpg'" width="100"
height="133"><BR><BR>
<IMG SRC="Pict0003_small.jpg"
onClick="parent.BODY.BODYIMAGE.src='Pict0003.jpg'" width="100"
height="133"><BR><BR>
<IMG SRC="Pict0004_small.jpg"
onClick="parent.BODY.BODYIMAGE.src='Pict0004.jpg'" width="100"
height="133"><BR><BR>
<IMG SRC="Pict0010_small.jpg"
onClick="parent.BODY.BODYIMAGE.src='Pict0010.jpg'" width="100" height="133">
</CENTER>
</BODY>
</HTML>
Here is the code from the right hand frame:
<HTML>
<BODY BACKGROUND="stonewall.jpg">
<center><p><a href="photo_gallery.htm" target="_top">[ Photo
Gallery ]</a> <a href="photo_archive.htm" target="_top">[
Photo Archive ]</a> <a href="../index.html" target="_top">[ Home ]
</a></p></center>
<CENTER><IMG SRC="blankspot.gif" NAME="BODYIMAGE" width="10"
height="10"></CENTER>
<center><p><a href="photo_gallery.htm" target="_top">[ Photo
Gallery ]</a> <a href="photo_archive.htm" target="_top">[
Photo Archive ]</a> <a href="../index.html" target="_top">[ Home ]
</a></p></center>
</BODY>
</HTML>
I have tried removing the width and height tags from the blankspot.gif line
and FrontPage 2000 puts them back in every time I save it. I have tried
increasing the size of the blankspot.gif and that doesn't give the desired
result. Not all of the pics are the same size or orientation otherwise I
would just make the blankspot.gif file the same size as all the full size
and all would be good.
Like I said above I know I shouldn't use frames but in this case I like the
way the pages work in frames I just need to figure out what's wrong with the
DHTML.
Any help anyone could offer would be greatly appreciated.
Thanks for looking,
Sir Mattlocke
I am hoping some one can take a look at this page and tell me what is going
wrong.
http://www.ecs-vega.org/test/index.html
Yes I Know I shouldn't use frames but I am using them and I want to keep
them.
I hand coded this page in notepad and imported it into the site with
FrontPage 2000 and the rest of the site is done in FrontPage 2000. The way
its supposed to work is the thumbnails show up on the left and when you
click on the thumbnail the full size shows up on the right and the
background and the links around the picture stay there for all the pics. I
have a place holder called blankspot.gif that is a 10 x 10 transparent .gif.
When I test the page in a browser before importing it into the site it works
flawlessly but as soon as I import it when you click on the thumbnail you
get a 10 x 10 version of the thumbnail instead of the full-size version of
the pic.
here is the code from the left hand frame:
<HTML>
<SCRIPT LANGUAGE="JScript">
</SCRIPT>
<BODY BACKGROUND="stonewall.jpg">
<CENTER>
<IMG SRC="Renfaire_2001_0043_small.jpg"
onClick="parent.BODY.BODYIMAGE.src='Renfaire_2001_0043.jpg'" width="100"
height="133"><BR><BR>
<IMG SRC="Pict0003_small.jpg"
onClick="parent.BODY.BODYIMAGE.src='Pict0003.jpg'" width="100"
height="133"><BR><BR>
<IMG SRC="Pict0004_small.jpg"
onClick="parent.BODY.BODYIMAGE.src='Pict0004.jpg'" width="100"
height="133"><BR><BR>
<IMG SRC="Pict0010_small.jpg"
onClick="parent.BODY.BODYIMAGE.src='Pict0010.jpg'" width="100" height="133">
</CENTER>
</BODY>
</HTML>
Here is the code from the right hand frame:
<HTML>
<BODY BACKGROUND="stonewall.jpg">
<center><p><a href="photo_gallery.htm" target="_top">[ Photo
Gallery ]</a> <a href="photo_archive.htm" target="_top">[
Photo Archive ]</a> <a href="../index.html" target="_top">[ Home ]
</a></p></center>
<CENTER><IMG SRC="blankspot.gif" NAME="BODYIMAGE" width="10"
height="10"></CENTER>
<center><p><a href="photo_gallery.htm" target="_top">[ Photo
Gallery ]</a> <a href="photo_archive.htm" target="_top">[
Photo Archive ]</a> <a href="../index.html" target="_top">[ Home ]
</a></p></center>
</BODY>
</HTML>
I have tried removing the width and height tags from the blankspot.gif line
and FrontPage 2000 puts them back in every time I save it. I have tried
increasing the size of the blankspot.gif and that doesn't give the desired
result. Not all of the pics are the same size or orientation otherwise I
would just make the blankspot.gif file the same size as all the full size
and all would be good.
Like I said above I know I shouldn't use frames but in this case I like the
way the pages work in frames I just need to figure out what's wrong with the
DHTML.
Any help anyone could offer would be greatly appreciated.
Thanks for looking,
Sir Mattlocke