Gallery problem

C

Carol V.

I have made a couple of gallery pages using a script from
http://javascript.internet.com/miscellaneous/gallery-viewer.html
One page is fine. The photos were taken in normal "landscape" view. I have
resized the original photos to w=500 x h=374. On the second page, 2 of the
photos were taken in "portrait" view. They were resized to w=500 x h=668.
I realize the problem is with the set width of the "mainpic" tag. Is there
a way to make this tag variable? Where it would automatically adjust to the
size of the photo?

Here is a copy of the code used.

<table width=500 border=0 cellspacing=0 cellpadding=0>
<tr>
<td colspan=4 align=center>
<img name="mainpic" src="p1.jpg" width=500 height=374 border=0></td>
<tr>
<td><a
href="javascript:doPic('Images/AQUAMOONAQUARIUMS_Bass_Pro_Shop_MAIN_1.JPG');"><img
src="Images/AQUAMOONAQUARIUMS_Bass_Pro_Shop_MAIN_1.JPG" width=100 height=75
border=0></a></td>
<td><a
href="javascript:doPic('Images/AQUAMOONAQUARIUMS_Bass_Pro_Shop_MAIN_2.JPG');"><img
src="Images/AQUAMOONAQUARIUMS_Bass_Pro_Shop_MAIN_2.JPG" width=100 height=75
border=0></a></td>
<td><a
href="javascript:doPic('Images/AQUAMOONAQUARIUMS_Bass_Pro_Shop_MAIN_3.JPG');"><img
src="Images/AQUAMOONAQUARIUMS_Bass_Pro_Shop_MAIN_3.JPG" width=100 height=75
border=0></a></td>
<td><a
href="javascript:doPic('Images/AQUAMOONAQUARIUMS_Bass_Pro_Shop_MAIN_4.JPG');"><img
src="Images/AQUAMOONAQUARIUMS_Bass_Pro_Shop_MAIN_4.JPG" width=100 height=75
border=0></a></td>
</tr>
<tr>
<td><a
href="javascript:doPic('Images/AQUAMOONAQUARIUMS_Bass_Pro_Shop_MAIN_5.JPG');"><img
src="Images/AQUAMOONAQUARIUMS_Bass_Pro_Shop_MAIN_5.JPG" width=100 height=75
border=0></a></td>
<td><a
href="javascript:doPic('Images/AQUAMOONAQUARIUMS_Bass_Pro_Shop_MAIN_6.JPG');"><img
src="Images/AQUAMOONAQUARIUMS_Bass_Pro_Shop_MAIN_6.JPG" width=100 height=75
border=0></a></td>
</tr>
</td>
</table>
</center>

Thanks
 
C

Carol V.

I did figure out how to make the first photo appear when the page load up.
Still need help with the size of the Portrait view photos.
 
R

Ronx

Remove the height attribute from the image tag:
Change:

<td colspan=4 align=center> <img name="mainpic" src="p1.jpg" width=500
height=374 border=0></td>

to

<td colspan="4" align="center"><img name="mainpic" src="p1.jpg"
width="500" border="0"></td>

If FrontPage insists on adding the height attribute back in, then change
to:

<td colspan="4" align="center"><!--webbot bot="HTMLMarkup" startspan
--><img name="mainpic" src="p1.jpg" width="500" border="0"><!--webbot
bot="HTMLMarkup" endspan --></td>
--
Ron Symonds - Microsoft MVP (FrontPage)
Reply only to group - emails will be deleted unread.
FrontPage Support: http://www.frontpagemvps.com/
http://www.rxs-enterprises.org/fp
 
C

Carol V.

Thank you. Thank you. Thank you. The first suggestion worked.

BTW, I think it was your suggestion on one of my other posts, that I found
the site for the javascripts, so a Double Thanks.

Carol
 
C

Carol V.

I had to resize the Portrait photos to w-374 x h-500 so they would be in
size with the rest (landscape) of the photos on the page. I took out both
the width and height attributes and just left the border-0. Don't know why
the first suggestion worked at first. Today when I checked the site, it was
not working again. When I checked View\Source, it kept inserting a width
and height tag to the main photo. So, I used your second suggestion and
added other tag. Now it seems to be working. Hope it stays working OK.

Thanks
Carol
 
C

Carol V.

OK. I used the second suggestion. At first all was working OK. Now it
works on the web site, but when I go to "split" View in FP I cannot see the
main pic. It does show up on the "Preview" view. I noticed there is a
space between "startspan" and "--" also between "endspan" and "--". I did
not enter a space. Tried it both ways and nothing changed. Here is the
code I entered:

<table width=500 border=0 cellspacing=0 cellpadding=0>
<tr>
<td colspan="4" align="center"><!--webbot bot="HTMLMarkup" startspan-->
<img name="mainpic" src="Images/AQUAMOONAQUARIUMS_Bass_Pro_Shop_MAIN_1.JPG"
border="0"><!--webbot bot="HTMLMarkup" endspan-->
<br>
&nbsp;</td></tr>
<tr>
<td><a
href="javascript:doPic('Images/AQUAMOONAQUARIUMS_Bass_Pro_Shop_MAIN_1.JPG');"><img
src="Images/AQUAMOONAQUARIUMS_Bass_Pro_Shop_MAIN_1.JPG" width=75 height=100
border=0></a></td>
<td><a
href="javascript:doPic('Images/AQUAMOONAQUARIUMS_Bass_Pro_Shop_MAIN_2.JPG');"><img
src="Images/AQUAMOONAQUARIUMS_Bass_Pro_Shop_MAIN_2.JPG" width=100 height=75
border=0></a></td>
<td><a
href="javascript:doPic('Images/AQUAMOONAQUARIUMS_Bass_Pro_Shop_MAIN_3.JPG');"><img
src="Images/AQUAMOONAQUARIUMS_Bass_Pro_Shop_MAIN_3.JPG" width=100 height=75
border=0></a></td>
<td><a
href="javascript:doPic('Images/AQUAMOONAQUARIUMS_Bass_Pro_Shop_MAIN_4.JPG');"><img
src="Images/AQUAMOONAQUARIUMS_Bass_Pro_Shop_MAIN_4.JPG" width=75 height=100
border=0></a></td>
</tr>
<tr>
<td height="95"><a
href="javascript:doPic('Images/AQUAMOONAQUARIUMS_Bass_Pro_Shop_MAIN_5.JPG');"><img
src="Images/AQUAMOONAQUARIUMS_Bass_Pro_Shop_MAIN_5.JPG" width=100 height=75
border=0></a></td>
<td height="95"><a
href="javascript:doPic('Images/AQUAMOONAQUARIUMS_Bass_Pro_Shop_MAIN_6.JPG');"><img
src="Images/AQUAMOONAQUARIUMS_Bass_Pro_Shop_MAIN_6.JPG" width=100 height=75
border=0></a></td>
</tr>
</td>
</table>
</center>

Hope you can help me out.

Thanks
Carol
 
R

Ronx

The first suggestion worked at first because you had a width specified,
and all the images were the same width. If you remove both width and
height attributes FrontPage will always put both back in every time you
edit the page - hence the need for the "keep off" webbot.
--
Ron Symonds - Microsoft MVP (FrontPage)
Reply only to group - emails will be deleted unread.
FrontPage Support: http://www.frontpagemvps.com/
http://www.rxs-enterprises.org/fp
 
R

Ronx

That is the snag with using the webbot. Any code inside it is not
rendered in Design or Normal view.
You could try adding a height attribute to the table cell:

<td colspan="4" align="center" height="500"><!--webbot
bot="HTMLMarkup" startspan --><img name="mainpic"
src="Images/AQUAMOONAQUARIUMS_Bass_Pro_Shop_MAIN_1.JPG"
border="0"><!--webbot bot="HTMLMarkup" endspan --></td>

Also, the last row of the table should be (unless you have two more
cells to add:

<tr>
<td height="95" colspan="2"><a
href="javascript:doPic('Images/AQUAMOONAQUARIUMS_Bass_Pro_Shop_MAIN_5.JPG');"><img
src="Images/AQUAMOONAQUARIUMS_Bass_Pro_Shop_MAIN_5.JPG" width="100"
height="75" border="0"></a></td>
<td height="95" colspan="2"><a
href="javascript:doPic('Images/AQUAMOONAQUARIUMS_Bass_Pro_Shop_MAIN_6.JPG');"><img
src="Images/AQUAMOONAQUARIUMS_Bass_Pro_Shop_MAIN_6.JPG" width="100"
height="75" border="0"></a></td>
</tr>
--
Ron Symonds - Microsoft MVP (FrontPage)
Reply only to group - emails will be deleted unread.
FrontPage Support: http://www.frontpagemvps.com/
http://www.rxs-enterprises.org/fp
 
C

Carol V.

I entered the height attribute. The cell is larger, but still no picture
shows up in the split view. Don't know why it works in preview view or on
the actual web page. Any help??

Carol
 
R

Ronx

As I said, the HTML within the webbot will not render in the design pane
- it will be in the code pane and in Preview. This means you will not
see the image in the design pane.
Changing the height of the cell is to aid the page design, since the
cell will be sized as when the image is rendered.
--
Ron Symonds - Microsoft MVP (FrontPage)
Reply only to group - emails will be deleted unread.
FrontPage Support: http://www.frontpagemvps.com/
http://www.rxs-enterprises.org/fp
 

Ask a Question

Want to reply to this thread or ask your own question?

You'll need to choose a username for the site, which only take a couple of moments. After that, you can post your question and our members will help you out.

Ask a Question

Top