Photo Gallery Picture Background???


G

Guest

Using Frontpage 2003, can I format the backgrounds for pictures in the photo
galleries? In other words, when a thunbmnail in a photo gallery is clicked,
you are directed to a larger version of the picture on a white background
with left justification. How can I center the image and make the background
something other than white? Thanks for your time and help.

Phil
 
Ad

Advertisements

T

Trevor L.

Phil said:
Using Frontpage 2003, can I format the backgrounds for pictures in
the photo galleries? In other words, when a thunbmnail in a photo
gallery is clicked, you are directed to a larger version of the
picture on a white background with left justification. How can I
center the image and make the background something other than white?
Thanks for your time and help.

Phil

Do you want something like this
http://tandcl.homemail.com.au/gallery.html ?

If you click on any thumbnail here, it will open in another page on top of
the original page.

There is a bit of javascript behind this, but if you like it, maybe I can
provide a simplified version.

--
Cheers,
Trevor Lawrence
[ Microsoft MVP - FrontPage ]
MVPS Website: http://trevorl.mvps.org/
----------------------------------------
 
G

Guest

"If you click on any thumbnail here, it will open in another page on top of
the original page."

Yes. The pages that open with the larger images are the ones on which I want
to format the background. The thumbnail links from your site did not work on
my PC. Thanks.

Phil

Trevor L. said:
Phil said:
Using Frontpage 2003, can I format the backgrounds for pictures in
the photo galleries? In other words, when a thunbmnail in a photo
gallery is clicked, you are directed to a larger version of the
picture on a white background with left justification. How can I
center the image and make the background something other than white?
Thanks for your time and help.

Phil

Do you want something like this
http://tandcl.homemail.com.au/gallery.html ?

If you click on any thumbnail here, it will open in another page on top of
the original page.

There is a bit of javascript behind this, but if you like it, maybe I can
provide a simplified version.

--
Cheers,
Trevor Lawrence
[ Microsoft MVP - FrontPage ]
MVPS Website: http://trevorl.mvps.org/
 
T

Trevor L.

Phil said:
"If you click on any thumbnail here, it will open in another page on
top of the original page."

Yes. The pages that open with the larger images are the ones on which
I want to format the background. The thumbnail links from your site
did not work on my PC. Thanks.

Strange, it works for me in IE6, so I decided to try it in Fireox 2.0.0.2
and yes, it failed

I have no idea why not, so I have to do some debugging. This could take some
time, so I might leave it to others to reply.
--
Cheers,
Trevor Lawrence
[ Microsoft MVP - FrontPage ]
MVPS Website: http://trevorl.mvps.org/
----------------------------------------
 
R

Ronx

Not when using the FrontPage photo gallery.
The large images are opened directly in the browser, there is no page
behind them to format with a colour.
The exception is the slideshow gallery, but this will give major
problems in any non-IE browser (FireFox, Opera, Netscape, etc.) unless
you have 5 or less images in each gallery.
 
G

Guest

Can I import other photo galleries into Frontpage? I have a website designed
and I am happy with everything, minus this issue. Thanks.

Phil
 
Ad

Advertisements

T

Trevor L.

Phil said:
Can I import other photo galleries into Frontpage? I have a website
designed and I am happy with everything, minus this issue. Thanks.

I know that I said that I will leave this to others, BUT ---

I have read that you can use JAlbum. While I have downloaded it and had a
bit of a play with it, I haven't used it for a gallery. But many say it
works beautifully

Another option is to set up a page of thumbnails and link each to another
HTML page. For this I use spawnJimcoPopup.
e.g. for each image:
<a href="nojsmess.html" target="_self"
onclick="function spawnJimcoPopup('trevor.hmtl', '_blank'
,
'toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=no,resizable=no'
, h, w, 'center', '0', 'pixel');return false;">
<img src="trevor.jpg" alt="" title='Click to see a larger picture'
height="80" />
</a>

"nojsmess.html" is a file which you can set up with info to display if
Javascript is not enabled on the visitor's browser. It called on return
false

In this example, 'trevor.jpg' is the image to display as a thumbnail.
'trevor.hmtl' would be the HTML page which you set up with a background and
which contains
<img src="trevor.jpg" alt="" title="" />

This is function spawnJimcoPopup (slightly amended with thanks to Jim
Cheshire). It should be placed in the <head> section or in an external JS
file.
function spawnJimcoPopup(url, name, options, h, w, x, y, scaleType)
{
var newWindow
if (scaleType == 'percent')
{ h = (h * screen.availHeight) / 100
w = (w * screen.availWidth) / 100 }
if (x == 'center')
x = (screen.availWidth - w) / 2
if (y == 'center')
y = (screen.availHeight - h) / 2
options += ',width=' + w + ',height=' + h
+ ',left=' + x + ',top=' + y
newWindow = window.open(url, name, options)
newWindow.focus()
}

The options to set in spawnJimcoPopup are
h The height of the window in pixels or percent
w The width of the window in pixels or percent
x The positon of the window from the left in pixels or the
word 'center'
y The positon of the window from the top in pixels or the
word 'center'
scaleType If 'percent' then h and w are percentage of the screen height or
width. Any other value will use pixels for h and w

I have actually implemneted this on my website (but it doesn't work in
Firefox) with a few differences. One is that rather than calling a different
HTML file for each image, I call one HTML file, named "picture.html" and add
parameters to the call for the name of the file e.g. "trevor.html" and a
caption. The file "picture.html" then does all the work of adding a
background, displaying the image and adding the caption.
--
Cheers,
Trevor Lawrence
[ Microsoft MVP - FrontPage ]
MVPS Website: http://trevorl.mvps.org/
----------------------------------------
 
G

Guest

Thanks. I am downloading JAlbum, and I will give it a shot.

Phil

Trevor L. said:
Phil said:
Can I import other photo galleries into Frontpage? I have a website
designed and I am happy with everything, minus this issue. Thanks.

I know that I said that I will leave this to others, BUT ---

I have read that you can use JAlbum. While I have downloaded it and had a
bit of a play with it, I haven't used it for a gallery. But many say it
works beautifully

Another option is to set up a page of thumbnails and link each to another
HTML page. For this I use spawnJimcoPopup.
e.g. for each image:
<a href="nojsmess.html" target="_self"
onclick="function spawnJimcoPopup('trevor.hmtl', '_blank'
,
'toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=no,resizable=no'
, h, w, 'center', '0', 'pixel');return false;">
<img src="trevor.jpg" alt="" title='Click to see a larger picture'
height="80" />
</a>

"nojsmess.html" is a file which you can set up with info to display if
Javascript is not enabled on the visitor's browser. It called on return
false

In this example, 'trevor.jpg' is the image to display as a thumbnail.
'trevor.hmtl' would be the HTML page which you set up with a background and
which contains
<img src="trevor.jpg" alt="" title="" />

This is function spawnJimcoPopup (slightly amended with thanks to Jim
Cheshire). It should be placed in the <head> section or in an external JS
file.
function spawnJimcoPopup(url, name, options, h, w, x, y, scaleType)
{
var newWindow
if (scaleType == 'percent')
{ h = (h * screen.availHeight) / 100
w = (w * screen.availWidth) / 100 }
if (x == 'center')
x = (screen.availWidth - w) / 2
if (y == 'center')
y = (screen.availHeight - h) / 2
options += ',width=' + w + ',height=' + h
+ ',left=' + x + ',top=' + y
newWindow = window.open(url, name, options)
newWindow.focus()
}

The options to set in spawnJimcoPopup are
h The height of the window in pixels or percent
w The width of the window in pixels or percent
x The positon of the window from the left in pixels or the
word 'center'
y The positon of the window from the top in pixels or the
word 'center'
scaleType If 'percent' then h and w are percentage of the screen height or
width. Any other value will use pixels for h and w

I have actually implemneted this on my website (but it doesn't work in
Firefox) with a few differences. One is that rather than calling a different
HTML file for each image, I call one HTML file, named "picture.html" and add
parameters to the call for the name of the file e.g. "trevor.html" and a
caption. The file "picture.html" then does all the work of adding a
background, displaying the image and adding the caption.
--
Cheers,
Trevor Lawrence
[ Microsoft MVP - FrontPage ]
MVPS Website: http://trevorl.mvps.org/
 
Ad

Advertisements

R

Rob Giordano \(Crash\)

Once you decide on which skin in JAlbum you want to use, you will generate
your album into a folder *outside* of FP (outside of your web). You will
probably end up generating the album several (or more :) times until you
are happy with how it looks/works. When you're happy you will IMPORT the
entire folder INTO your FP web (from within FP).

Then create a link to the index page of the album folder from one of your
pages.


| Thanks. I am downloading JAlbum, and I will give it a shot.
|
| Phil
|
| "Trevor L." wrote:
|
| > Phil wrote:
| > > Can I import other photo galleries into Frontpage? I have a website
| > > designed and I am happy with everything, minus this issue. Thanks.
| >
| > I know that I said that I will leave this to others, BUT ---
| >
| > I have read that you can use JAlbum. While I have downloaded it and had
a
| > bit of a play with it, I haven't used it for a gallery. But many say it
| > works beautifully
| >
| > Another option is to set up a page of thumbnails and link each to
another
| > HTML page. For this I use spawnJimcoPopup.
| > e.g. for each image:
| > <a href="nojsmess.html" target="_self"
| > onclick="function spawnJimcoPopup('trevor.hmtl', '_blank'
| > ,
| >
'toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=no,resizable=no'
| > , h, w, 'center', '0', 'pixel');return false;">
| > <img src="trevor.jpg" alt="" title='Click to see a larger picture'
| > height="80" />
| > </a>
| >
| > "nojsmess.html" is a file which you can set up with info to display if
| > Javascript is not enabled on the visitor's browser. It called on return
| > false
| >
| > In this example, 'trevor.jpg' is the image to display as a thumbnail.
| > 'trevor.hmtl' would be the HTML page which you set up with a background
and
| > which contains
| > <img src="trevor.jpg" alt="" title="" />
| >
| > This is function spawnJimcoPopup (slightly amended with thanks to Jim
| > Cheshire). It should be placed in the <head> section or in an external
JS
| > file.
| > function spawnJimcoPopup(url, name, options, h, w, x, y, scaleType)
| > {
| > var newWindow
| > if (scaleType == 'percent')
| > { h = (h * screen.availHeight) / 100
| > w = (w * screen.availWidth) / 100 }
| > if (x == 'center')
| > x = (screen.availWidth - w) / 2
| > if (y == 'center')
| > y = (screen.availHeight - h) / 2
| > options += ',width=' + w + ',height=' + h
| > + ',left=' + x + ',top=' + y
| > newWindow = window.open(url, name, options)
| > newWindow.focus()
| > }
| >
| > The options to set in spawnJimcoPopup are
| > h The height of the window in pixels or percent
| > w The width of the window in pixels or percent
| > x The positon of the window from the left in pixels or
the
| > word 'center'
| > y The positon of the window from the top in pixels or the
| > word 'center'
| > scaleType If 'percent' then h and w are percentage of the screen height
or
| > width. Any other value will use pixels for h and w
| >
| > I have actually implemneted this on my website (but it doesn't work in
| > Firefox) with a few differences. One is that rather than calling a
different
| > HTML file for each image, I call one HTML file, named "picture.html" and
add
| > parameters to the call for the name of the file e.g. "trevor.html" and a
| > caption. The file "picture.html" then does all the work of adding a
| > background, displaying the image and adding the caption.
| > --
| > Cheers,
| > Trevor Lawrence
| > [ Microsoft MVP - FrontPage ]
| > MVPS Website: http://trevorl.mvps.org/
| > ----------------------------------------
| >
| >
 

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