Jump to content

Welcome to Geeks to Go - Register now for FREE

Geeks To Go is a helpful hub, where thousands of volunteer geeks quickly serve friendly answers and support. Check out the forums and get free advice from the experts. Register now to gain access to all of our features, it's FREE and only takes one minute. Once registered and logged in, you will be able to create topics, post replies to existing threads, give reputation to your fellow members, get your own private messenger, post status updates, manage your profile and so much more.

Create Account How it Works
Photo

Help with FrontPage 2003 Photo Gallery


  • Please log in to reply

#1
woodster

woodster

    New Member

  • Member
  • Pip
  • 6 posts
My web site has a black background, but when I create a photo gallery and click on the thumbnail the background of the full size pic is white!

Can anyone please tell me how to change this to the same background as my web site - its driving me mad!! :tazz:
  • 0

Advertisements


#2
ditto

ditto

    - i pwn n00bs -

  • Member
  • PipPipPipPip
  • 1,260 posts
Hey woodster,

Does the link that you are going to end in a picture file extention. For example is it http://www.yoursite.com/image.jpg

where jpg is the file extention.

ditto
  • 0

#3
woodster

woodster

    New Member

  • Topic Starter
  • Member
  • Pip
  • 6 posts
I'm using the web component - photo gallery to create the thumbnails and therefore I do not know whether the link ends in .jpg!

Can you still help?

Cheers
  • 0

#4
ditto

ditto

    - i pwn n00bs -

  • Member
  • PipPipPipPip
  • 1,260 posts
which photogallery layout are you choosing?
  • 0

#5
woodster

woodster

    New Member

  • Topic Starter
  • Member
  • Pip
  • 6 posts
Vertical layout - the only one that provides the black background is the slide show because all the thumbnails and full size pics are on the same page!
  • 0

#6
ditto

ditto

    - i pwn n00bs -

  • Member
  • PipPipPipPip
  • 1,260 posts
Yes, the extentions are .jpg, therefore the background will be white because it matches the default background of the image which is white.
  • 0

#7
bdlt

bdlt

    Member

  • Member
  • PipPipPip
  • 875 posts
Here's one way to get a black background in the gallery by modifying the html code. Try this:

Find a file named real.htm in a subdirectory of your web directory.

Look at this file in the html view. Find each line that looks similar to this one:
<td valign="top" align="center" height="120">

and add bgcolor='#000000' as below:
<td valign="top" align="center" height="120" bgcolor='#000000' >

Do this on one line, then preview. If this is the effect you are looking for, repeat on every <td valign="top" align="center" height="120"> line.

For best results, use preview in browser.
  • 0

#8
woodster

woodster

    New Member

  • Topic Starter
  • Member
  • Pip
  • 6 posts
Thanks for all your help but this still doesn't change the background colour -followed your instructions exactly which made logical sense but the background colour is still white!

I then also looked for any other refereces to the bg colour and changed all those but still no luck on any of the real. files.
  • 0

#9
bdlt

bdlt

    Member

  • Member
  • PipPipPip
  • 875 posts
Sorry - the previous suggestion changes the background on the gallery, not the enlarged picture. It sounds like you are comfortable changing html so here's another thing to try. The attempt below creates a table which does not fill the window entirely but leaves a small 1/4 inch white border outside the table. The table background is set to black. You control the amount of black border with vspace and hspace.

1. create a new htm file - the example here was the one created by FP(new_page_3.htm).
2. replace(in new_page_3.htm)
<body>
</body>
with
<body><table>
<tr>
<td valign="top" align="center" bgcolor='#000000'>
<img border="0" vspace="50" hspace="50" src="pic1.jpg" width="200" height="200" />
</td>
</tr>
</table>&nbsp;</body>
3. replace pic1.jpg with one of your picture names(note - for this example, pic1.jpg is in the same directory as new_page_3.htm)
4. experiment with the pixel sizes for vspace, hspace, width, height
5. "Preview in Browser" new_page_3.htm
6. repeat steps 4 & 5 until you like the look

Now modify real.htm:
change:
<a href="../../pic1.jpg">
to:
<a href="../../new_page_3.htm">

then "Preview in Browser" real.htm and view full size image.

FYI -
There's a difference between "Preview" at the bottom of the FP window and thre "Preview in Browser" icon on the toolbar. When I ran modified code with XP and FP2002, the gallery changes were NOT seen with "Preview", but were displayed using the "Preview in Browser" icon. The "Preview in Browser" icon is the 8th icon from the left on the toolbar - under "tools".
  • 0

#10
woodster

woodster

    New Member

  • Topic Starter
  • Member
  • Pip
  • 6 posts
Thanks that works, but does that mean that I have to create an individual page for each thumbnail? or can a page be created that is generated for each thumbnail?

Thanks
  • 0

#11
bdlt

bdlt

    Member

  • Member
  • PipPipPip
  • 875 posts
That's the best idea I have - each thumbnail requires the same modification. I don't know of another way to do what you want. I hope you don't have hundreds of images.
  • 0

#12
woodster

woodster

    New Member

  • Topic Starter
  • Member
  • Pip
  • 6 posts
Thanks for all your help....one last thing, if its the jpg background colour causing all the problems is it possible to change the colour of the background using photoshop or some other software?
  • 0

#13
bdlt

bdlt

    Member

  • Member
  • PipPipPip
  • 875 posts
The backgroud color of the window launched when the thumbnail is enlarged is independent of the jpg background color. The background color of the new window is still white, but the enlarged image is now being displayed inside a table whose background is black.
Any images with a white 'edge' can be cropped - the outer edges can be trimmed using any photo editor.
  • 0






Similar Topics

0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users

As Featured On:

Microsoft Yahoo BBC MSN PC Magazine Washington Post HP