Here is the setup of my page...
thumbnails.html is contained by the top iframe of displayPhoto.
The lower iframe is occupied by the full size image. and between the 2 iframes there is a div that contains comments.
here is the code of thumbnails.html
HTML = comm;
.src = img;
<table width='5424' border='0' cellpadding='0' cellspacing='0'>
<tr> <td width='5424' height='105' valign='top'>
<a href='#' onClick="modText('EVE','sc
<img src="screenshot.jpg" width='134' height='100' border='0'></a>
<a href='#' onClick="modText('avatar',
<img src="avatar.gif" width='134' height='100' border='0'></a>
<table width="95%" border="0" align="center" cellpadding="2" cellspacing="1" bgcolor="#4C6069">
<td>.:. Photos minis .:.</td>
<td><iframe frameborder=0 width="100%" height=155 src="');
print ('" ></iframe></td>
<table width="95%" border="0" align="center" cellspacing="1" bgcolor="#4C6069">
<td height="500" valign = "top" bgcolor="#CCDFF0"> <iframe frameborder=0 height ="500 px" width="100%" src="" ID="iframe_photo"></iframe
What i can't begin to understand is that it works just fine for the first picture avatar.gif and doesn't work for the second picture screenshot.jpg (i get a 404). No matter in what order i click them screenshot never works.. and avatar always does.. I've tried with 2 gif's and still only the avatar works.... This is really weird...
The comment works just fine for all pictures but the image doesn't.
And yes both picture are in the same folder (with thumbnails.html).
If you want to see for yourself here is a direct link: http://18.104.22.168/AlbumPhoto
As you can see i tried with some pictures of the same size and with a couple of animated gif (b/c the only picture that works is an animated gif) but of course it doesn't change anything....
I hope what i say is understandable :)
If any1 had any clues it would be *greatly* appreciated..