Layering Photos

[Andy]

Does anyone know how to layer photos so that you can click on a certain text
and automatically bring up that photo and then go to the next photo by
clicking on a different text?

 

[Trevor L.]

Does anyone know how to layer photos so that you can click on a
certain text and automatically bring up that photo and then go to the
next photo by clicking on a different text?

I am not sure why you use the word "layer", but I use code that will bring
up a larger photo when a smaller photo (thumbnail) is clicked on, which
could be easily modified so that one clicks on text instead

See http://tandcl.homemail.com.au/
Click on one of the photos in the top bar and a larger one will be displayed

Is this what you want?
If so, I will try to post some code. What I use is a liltle complex - it
adds rounded corners, the copyright notice and includes code for the Print
and Close buttons
--
Cheers,
Trevor L.
[ Microsoft MVP - FrontPage ]
MVPS Website: http://trevorl.mvps.org/
----------------------------------------

 

[Andy]

Trevor,

Thanks for the response but let me explain in a bit more detail. I am doing
a website for a friend that is selling pet products. She has a collar page
that she would like to be set-up so that when one clicks on the word black
(text) the black collar photo comes up. Then, when one clicks on the word
red (text) - in the same area - the red collar collar appears. She has
approximately 9 colors for her collars. Does this explain my situation in
clearer detail?

Does anyone know how to layer photos so that you can click on a
certain text and automatically bring up that photo and then go to the
next photo by clicking on a different text?

I am not sure why you use the word "layer", but I use code that will bring
up a larger photo when a smaller photo (thumbnail) is clicked on, which
could be easily modified so that one clicks on text instead

See http://tandcl.homemail.com.au/
Click on one of the photos in the top bar and a larger one will be displayed

Is this what you want?
If so, I will try to post some code. What I use is a liltle complex - it
adds rounded corners, the copyright notice and includes code for the Print
and Close buttons
--
Cheers,
Trevor L.
[ Microsoft MVP - FrontPage ]
MVPS Website: http://trevorl.mvps.org/

 

[James Ivey]

So why not make the word "Black" a normal hyperlink that when you click on
it, opens the photo in a new window?

Is that what you're after?

James

Trevor,

Thanks for the response but let me explain in a bit more detail. I am doing
a website for a friend that is selling pet products. She has a collar page
that she would like to be set-up so that when one clicks on the word black
(text) the black collar photo comes up. Then, when one clicks on the word
red (text) - in the same area - the red collar collar appears. She has
approximately 9 colors for her collars. Does this explain my situation in
clearer detail?

Does anyone know how to layer photos so that you can click on a
certain text and automatically bring up that photo and then go to the
next photo by clicking on a different text?

I am not sure why you use the word "layer", but I use code that will bring
up a larger photo when a smaller photo (thumbnail) is clicked on, which
could be easily modified so that one clicks on text instead

See http://tandcl.homemail.com.au/
Click on one of the photos in the top bar and a larger one will be displayed

Is this what you want?
If so, I will try to post some code. What I use is a liltle complex - it
adds rounded corners, the copyright notice and includes code for the Print
and Close buttons
--
Cheers,
Trevor L.
[ Microsoft MVP - FrontPage ]
MVPS Website: http://trevorl.mvps.org/

 

[Andy]

No - that is what I have now but this is not she is wanting although it may
be the best I can do without a java script expert.

So why not make the word "Black" a normal hyperlink that when you click on
it, opens the photo in a new window?

Is that what you're after?

James

Trevor,

Thanks for the response but let me explain in a bit more detail. I am doing
a website for a friend that is selling pet products. She has a collar page
that she would like to be set-up so that when one clicks on the word black
(text) the black collar photo comes up. Then, when one clicks on the word
red (text) - in the same area - the red collar collar appears. She has
approximately 9 colors for her collars. Does this explain my situation in
clearer detail?

Andy wrote:
Does anyone know how to layer photos so that you can click on a
certain text and automatically bring up that photo and then go to the
next photo by clicking on a different text?

I am not sure why you use the word "layer", but I use code that will bring
up a larger photo when a smaller photo (thumbnail) is clicked on, which
could be easily modified so that one clicks on text instead

See http://tandcl.homemail.com.au/
Click on one of the photos in the top bar and a larger one will be displayed

Is this what you want?
If so, I will try to post some code. What I use is a liltle complex - it
adds rounded corners, the copyright notice and includes code for the Print
and Close buttons
--
Cheers,
Trevor L.
[ Microsoft MVP - FrontPage ]
MVPS Website: http://trevorl.mvps.org/

 

[E. T. Culling]

Search at www.dynamicdrive.com

--
Eleanor T. Culling
Leavenworth, WA
Enjoy my latest slideshows of Australia:
http://www.eleanorstravels.com/australia06.htm
http://www.eleanorstravels.com/photoblog-issue9.htm

 

[Trevor L.]

No - that is what I have now but this is not she is wanting although
it may be the best I can do without a java script expert.

Andy,
Yes I can see what you want with the different words bringing up different
photos

I thought James' idea does that but there must be something you want
different.

What is it?
A smaller window?
A window positioned in a particular place?
The photos for both red and black to appear in this one place?

Any of this can be done. Steve Easton has some good examples, but if you let
us know exactly what you want, I am sure I could write something for you.

In fact, I am thinking that you may want all of what I asked above, so I
will work on that basis and get back to you later
--
Cheers,
Trevor L.
[ Microsoft MVP - FrontPage ]
MVPS Website: http://trevorl.mvps.org/
----------------------------------------

 

[Trevor L.]

Andy,
Yes I can see what you want with the different words bringing up
different photos

I thought James' idea does that but there must be something you want
different.

What is it?
A smaller window?
A window positioned in a particular place?
The photos for both red and black to appear in this one place?

Any of this can be done. Steve Easton has some good examples, but if
you let us know exactly what you want, I am sure I could write
something for you.
In fact, I am thinking that you may want all of what I asked above,
so I will work on that basis and get back to you later

Here is some code which displays a different picture when different text is
moused over. It may be a bit of overkill, but it works.

The images are from my site so that the code works as is. You can adjust the
size of the layer as you want. And change the name of the pictures, of
course

<html>

<head>
<meta http-equiv="Content-Language" content="en-us">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Slideshow Demo</title>
<script type="text/javascript">
function FP_setLayerText(id,txt)
{//v1.0
var el = FP_getObjectByID(id)
if(el.innerHTML)
el.innerHTML = txt
}

function FP_getObjectByID(id,o)
{// v1.0
var c, el, els, f, m, n
if(!o) o = document

if(o.getElementById)
el = o.getElementById(id)
else if(o.layers)
c = o.layers
else if(o.all)
el = o.all[id]

if(el)
return el

if(o.id==id || o.name==id)
return o

if(o.childNodes)
c = o.childNodes
if(c)
for(n = 0; n < c.length; n++)
{ el = FP_getObjectByID(id,c[n])
if(el)
return el }

f = o.forms
if(f)
for(n = 0; n < f.length; n++)
{ els = f[n].elements
for(m = 0; m < els.length; m++)
{ el = FP_getObjectByID(id,els[n])
if(el)
return el }
}
return null
}
</script>
</head>

<body>

<div id="layer1"
style="position: absolute; width: 400px; height: 400px;
z-index: 1; left: 200px; top: 30px;
font-family: trebuchet,verdana,arial,sans-serif;
font-size: 14px; font-color: black; background: #FFC;
border: 8px green inset; padding: 15px;">
Watch this space
</div>

<!-- <a > tags were onclick= -->
<p><a href=""
onmouseover="FP_setLayerText('layer1',
'&lt;img src =
&quot;http://tandcl.homemail.com.au/images/06-02-14-michelle.jpg&quot;&gt;')"
onmouseout="FP_setLayerText('layer1','Watch this space')">
Black
</a></p>

<p><a href=""
onmouseover="FP_setLayerText('layer1',
'&lt;img src =
&quot;http://tandcl.homemail.com.au/images/Trevor and Carole
05-12-13.jpg&quot;&gt;')"
onmouseout="FP_setLayerText('layer1','Watch this space')">
Red
</a></p>

<p><a href=""
onmouseover="FP_setLayerText('layer1',
'&lt;img src =
&quot;http://tandcl.homemail.com.au/images/04-11-21-2-bryans-picture.jpg&quot;&gt;')"
onmouseout="FP_setLayerText('layer1','Watch this space')">
Blue
</a></p>

</body>

</html>
--
Cheers,
Trevor L.
[ Microsoft MVP - FrontPage ]
MVPS Website: http://trevorl.mvps.org/
----------------------------------------

 

[Trevor L.]

Trevor - thanks! Sorry I didn't get back to you sooner but I ended
up going off line a little earlier than I usually do last night.
Anyway - actually the whole layout that I'm wanting is even a bit
more extensive than what I explained last night but since the photo
layering is the major component - this is what I was trying to
explain. First Part is layering photos of approximately nine
different color collars so that they stay alligned in a preset frame
or layer box. Underneath the photo layer box would be another layer
with the actual color names in text. When potential customers click
on the text color name - the actual corresponding collar pops into
the photo layer box. The other part of the page will have an
embroidery lettering box that when clicking on a text box below will
acutally bring up a particular color for the text and its background
for embroidery. So as you can see - for a novice like myself who
knows very little about code - this seems like an insurmountable job!

Well I am sure that it can be done, but I am getting a liitle confused.

Maybe I will have a think about it and maybe design a page which I think is
what you want (without all the bells and whistles - just a outline). Then if
it looks OK to you, I could have a think about all of the above.

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

 

[Andy]

Thank you Eleanor and very cool slide shows. I've already checked out
dynamicdrive.com along with a number of other similar sites but haven't found
what I need yet.

 

[Trevor L.]

Thanks again Trevor! Any suggestions, recommendations and/or tools
you can offer would be humbly appreciated. By-the-way, I did try
inputing the code you sent me but it didn't seem to pick up my
colors. This was probably due to my error as that I'm not sure I
entered the code correctly.

Is this the sort of thing you want for the collars ?
http://tandcl.homemail.com.au/testweb/rollover.html

Click on View|Source to see the code. I have tried to make the functions as
compact as possible. Don't worry about these - just accept that they do the
job. (In fact, I think that some of the code is a bit of overkill, but I
just leave well enough alone.)

The bigger box just shows some coloured gifs but of course this can be
altered

To input the code, just cut it and then paste it into a new page. You may
need parts of it to be inserted into an existing page, but this is also cut
and paste.

For this specI think similar code would work

It would need javascript to set the text colour and the background, but not
too difficult

Please let me know if the above page suits you. I can then have a go at the
other part.
--
Cheers,
Trevor L.
[ Microsoft MVP - FrontPage ]
MVPS Website: http://trevorl.mvps.org/
----------------------------------------

 

[Trevor L.]

Hello again Trevor!

Your example may just do it - I've some questions however. 1). Am I
correct in assuming that what you show as color swatches that come up
when the text is moused over could be replaced by actual collar
photos by each color? 2). Would this code involve using my layered
collar photos and if so - how would I code so as to recognize those
particular collars? 3). Is there a way to link to given jpgs or gifs
so that the actual collar appears versus that collar in your picture
editor program format? In other words - do I have to layer these
photos and hide them one behind the other or is there another way
other than creating a seperate htm page for each collar? I hope I am
explaining myself clearly - remember I'm a novice! Thanks.

Wheew,

Yes, I remember what it was like. What seems a simple question can't be
understood by others and what seems complex may in fact be simple. In fact,
it is often as if the beginner and the "expert" don't even speak the same
language. By the way I am no expert either, let's just say I am someone who
has tried a few things and got them to work.

But not to worry. We can get there

I'll try to answer yourquestions and throw in anyhting else that occurs to
me along the way.
1) Yes, definitely.
These images are (in a specific folder named images)
black.gif
blue.gif
red.gif

You can replace them by
blackcollar.jpg
bluecollar.jpg
redcollar.jpg
or by anything you like and it will still work - guaranteed.

The guarantee only applies of course if you place them in the folder that
the code refers to.
My code reads, for example
onmouseover="FP_setLayerText('layer1',
'&lt;img src =
&quot;http://tandcl.homemail.com.au/images/black.gif&quot;&gt;')"
so it refers to the file "black.gif" on folder images on website
http://tandcl.homemail.com.au

You would have to ensure that the reference is to the same place as you put
your image.
e.g. with
onmouseover="FP_setLayerText('layer1',
'&lt;img src =
&quot;http://yoursite.com/images/blackcollar.jpg&quot;&gt;')"
the image has to be http://yoursite.com/images/blackcollar.jpg

2) I now have some queries
What do you mean by "layered collar photos"? In particular, what does the
word "layered" mean?
I am not being pedantic - "layer" can be interpreted in many different ways,
so what one person means by it is not always understood by another
My definition would be:
layer == absolutely positioned <div>
(where == means is equivalent to )
In one browser, <layer> was actually an HTML tag, but that may be not be
relevant to a beginner.

If you are asking:
"Can I use the name of my image instead of black.gif?", then the answer is
yes, and the how is in my answer to 1)

3) You link to the jpeg or gif of the collar as in 1)
No. If I undertand yopur question, there is no need to layer anything. In
fact, even though the code I posted uses a "layer", as defined in my reply
2) above, it does not have to. The "layer" could just as easily be a table
cell.

No, you don't have to create a separate html page for each collar. You can
if you want to place extra stuff there (other than the image), but it is not
necessary.

I think it may be easier for me to understand if I could see the code of the
page(s) in question.
Is it on the net, even if only in draft form?
And can you post a URL (the website name similar to that in my signature)?

Please post back if my answers only confuse you more.
--
Cheers,
Trevor L.
[ Microsoft MVP - FrontPage ]
MVPS Website: http://trevorl.mvps.org/
----------------------------------------

 

[Trevor L.]

Andy,

Some responses in-line

Wow! that's a lot of information for me to process. What I guess I
mean by layering is that I'm taking one picture frame and putting it
on top of another. I create a layer with the particular photo - make
it visible. I then create another layer that fits over the first one
(same size frame) and put the next photo in this layer only this time
I make this photo invisible as I do with all the remaining layered
photos. Does this make sense?

Yes, it makes sense.
But why add an invisible photo on top of a visible one ?
Is it the intention to make these visible by use of javascript so that
depening on what is clicked you get a different result appearing ?

I am wondering whether you could just create different jpeg images in an
image editor for the different results you want to be shown and then display
each of these jpeg images as required. But if course they may be reaons why
not.

The photos that I have to the best of my knowledge are all in my
folder image file. My problem is that when I try to hyperlink to
them from my text identifiers i.e. black (written in text) to the
specific black jpg - the photo doesn't appear on the page. Instead
it appears as a photo program image file in the file folder at the
bottom of my page. When I click on this page - the photo comes up as
a tumbnail in that photo program not as a stand alone picture which
is what I want. This is why I was led to believe that the only way
to do what I need to do is by layering each photo and then create a
java script to make the thing work.

This is the bit I don't understand.
Are you talking about what happens when you "Preview in Browser" or what you
see in Design view?
Why would FrontPage open the photo program?
(Almost a rhetorical question)

In the interim, I will try to send over to you my base layout.
Do you want me to send you my
layered page as that I've done it differently in the short term
because the site is up and under construction? The way it is set=up
presently is that each collar is on its own html page. Thanks.

Yes, any look at the code would help. The name of the under-construction
site would be easiest (if that is the one that is your current "best shot")
You can put it in an obscure folder if you want to e.g.
http://mysite.com/underconst/index.html so that casual visitors don't see a
non-working (or not completed) page.

It may be that layering isn't needed, but you could also put that in another
folder e.g, http://mysite.com/underconst/layered/index.html . At least then
I can see exactly what you have tried and what it does
--
Cheers,
Trevor L.
[ Microsoft MVP - FrontPage ]
MVPS Website: http://trevorl.mvps.org/
----------------------------------------

 

[Andy]

With regards to your question - yes I believe this was the intention behind
going with first - a visible picture and then making all the others
invisibile. I'm confused about your question concerning jpegs as that the
reason I thought layering would be my only option is that I have already
tried putting in individual jpegs and this is when I encounter the problem I
alluded to where they only come up in the picture editor itself - not as
individual jpegs on my page. And how then by doing it this way can I insure
that they come up in the same place on my page and the same size?

Andy,

Some responses in-line

Wow! that's a lot of information for me to process. What I guess I
mean by layering is that I'm taking one picture frame and putting it
on top of another. I create a layer with the particular photo - make
it visible. I then create another layer that fits over the first one
(same size frame) and put the next photo in this layer only this time
I make this photo invisible as I do with all the remaining layered
photos. Does this make sense?

Yes, it makes sense.
But why add an invisible photo on top of a visible one ?
Is it the intention to make these visible by use of javascript so that
depening on what is clicked you get a different result appearing ?

I am wondering whether you could just create different jpeg images in an
image editor for the different results you want to be shown and then display
each of these jpeg images as required. But if course they may be reaons why
not.

The photos that I have to the best of my knowledge are all in my
folder image file. My problem is that when I try to hyperlink to
them from my text identifiers i.e. black (written in text) to the
specific black jpg - the photo doesn't appear on the page. Instead
it appears as a photo program image file in the file folder at the
bottom of my page. When I click on this page - the photo comes up as
a tumbnail in that photo program not as a stand alone picture which
is what I want. This is why I was led to believe that the only way
to do what I need to do is by layering each photo and then create a
java script to make the thing work.

This is the bit I don't understand.
Are you talking about what happens when you "Preview in Browser" or what you
see in Design view?
Why would FrontPage open the photo program?
(Almost a rhetorical question)

In the interim, I will try to send over to you my base layout.
Do you want me to send you my
layered page as that I've done it differently in the short term
because the site is up and under construction? The way it is set=up
presently is that each collar is on its own html page. Thanks.

Yes, any look at the code would help. The name of the under-construction
site would be easiest (if that is the one that is your current "best shot")
You can put it in an obscure folder if you want to e.g.
http://mysite.com/underconst/index.html so that casual visitors don't see a
non-working (or not completed) page.

It may be that layering isn't needed, but you could also put that in another
folder e.g, http://mysite.com/underconst/layered/index.html . At least then
I can see exactly what you have tried and what it does
--
Cheers,
Trevor L.
[ Microsoft MVP - FrontPage ]
MVPS Website: http://trevorl.mvps.org/

 

[Trevor L.]

With regards to your question - yes I believe this was the intention
behind going with first - a visible picture and then making all the
others invisibile. I'm confused about your question concerning jpegs
as that the reason I thought layering would be my only option is that
I have already tried putting in individual jpegs and this is when I
encounter the problem I alluded to where they only come up in the
picture editor itself - not as individual jpegs on my page. And how
then by doing it this way can I insure that they come up in the same
place on my page and the same size?

Hmmm,

I would like to see the code for your site first, but ......
I can't understand why an image would appear in the picture editor.

I have many examples where an image will always come up in the same place.
For example, go to this site:
http://tandcl.homemail.com.au/gallery.html

Click on any thumbnail and the larger image will always appear at the top of
the screen, centred. The larger images are all jpegs on the folder:
http://tandcl.homemail.com.au/images/

This does not require layered images. It uses the function spawnJimcoPopup,
which opens an html file (named picture.html) in a new window. It passes to
this file the name of the image, a caption, a height and a width and the
position of the window. This info is then used by javascript to display the
image in the same place every time.

Some of this code may be more complex than you need, but it may help to show
how one of many jpegs can be displayed in the same position.

When I see the code for your site, I can maybe figure out some more.
--
Cheers,
Trevor L.
[ Microsoft MVP - FrontPage ]
MVPS Website: http://trevorl.mvps.org/
----------------------------------------

 

[Ronx]

Take a look at http://www.rxs-enterprises.org/tests/rollover.htm
This may give you some ideas. Note that the "source image" in this page
may be replaced by text, or several text links with the same (modified
for each image) code.

--
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

With regards to your question - yes I believe this was the intention behind
going with first - a visible picture and then making all the others
invisibile. I'm confused about your question concerning jpegs as that the
reason I thought layering would be my only option is that I have already
tried putting in individual jpegs and this is when I encounter the problem I
alluded to where they only come up in the picture editor itself - not as
individual jpegs on my page. And how then by doing it this way can I insure
that they come up in the same place on my page and the same size?

Andy,

Some responses in-line

Wow! that's a lot of information for me to process. What I guess I
mean by layering is that I'm taking one picture frame and putting it
on top of another. I create a layer with the particular photo - make
it visible. I then create another layer that fits over the first one
(same size frame) and put the next photo in this layer only this time
I make this photo invisible as I do with all the remaining layered
photos. Does this make sense?

Yes, it makes sense.
But why add an invisible photo on top of a visible one ?
Is it the intention to make these visible by use of javascript so that
depening on what is clicked you get a different result appearing ?

I am wondering whether you could just create different jpeg images in an
image editor for the different results you want to be shown and then display
each of these jpeg images as required. But if course they may be reaons why
not.

The photos that I have to the best of my knowledge are all in my
folder image file. My problem is that when I try to hyperlink to
them from my text identifiers i.e. black (written in text) to the
specific black jpg - the photo doesn't appear on the page. Instead
it appears as a photo program image file in the file folder at the
bottom of my page. When I click on this page - the photo comes up as
a tumbnail in that photo program not as a stand alone picture which
is what I want. This is why I was led to believe that the only way
to do what I need to do is by layering each photo and then create a
java script to make the thing work.

This is the bit I don't understand.
Are you talking about what happens when you "Preview in Browser" or what you
see in Design view?
Why would FrontPage open the photo program?
(Almost a rhetorical question)

In the interim, I will try to send over to you my base layout.
Do you want me to send you my
layered page as that I've done it differently in the short term
because the site is up and under construction? The way it is set=up
presently is that each collar is on its own html page. Thanks.

Yes, any look at the code would help. The name of the under-construction
site would be easiest (if that is the one that is your current "best shot")
You can put it in an obscure folder if you want to e.g.
http://mysite.com/underconst/index.html so that casual visitors don't see a
non-working (or not completed) page.

It may be that layering isn't needed, but you could also put that in another
folder e.g, http://mysite.com/underconst/layered/index.html . At least then
I can see exactly what you have tried and what it does
--
Cheers,
Trevor L.
[ Microsoft MVP - FrontPage ]
MVPS Website: http://trevorl.mvps.org/

 

[Andy]

Thanks Ron - I'll study it and try giving it a shot.

Take a look at http://www.rxs-enterprises.org/tests/rollover.htm
This may give you some ideas. Note that the "source image" in this page
may be replaced by text, or several text links with the same (modified
for each image) code.

--
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

With regards to your question - yes I believe this was the intention behind
going with first - a visible picture and then making all the others
invisibile. I'm confused about your question concerning jpegs as that the
reason I thought layering would be my only option is that I have already
tried putting in individual jpegs and this is when I encounter the problem I
alluded to where they only come up in the picture editor itself - not as
individual jpegs on my page. And how then by doing it this way can I insure
that they come up in the same place on my page and the same size?

Andy,

Some responses in-line

Andy wrote:
Wow! that's a lot of information for me to process. What I guess I
mean by layering is that I'm taking one picture frame and putting it
on top of another. I create a layer with the particular photo - make
it visible. I then create another layer that fits over the first one
(same size frame) and put the next photo in this layer only this time
I make this photo invisible as I do with all the remaining layered
photos. Does this make sense?

Yes, it makes sense.
But why add an invisible photo on top of a visible one ?
Is it the intention to make these visible by use of javascript so that
depening on what is clicked you get a different result appearing ?

I am wondering whether you could just create different jpeg images in an
image editor for the different results you want to be shown and then display
each of these jpeg images as required. But if course they may be reaons why
not.

The photos that I have to the best of my knowledge are all in my
folder image file. My problem is that when I try to hyperlink to
them from my text identifiers i.e. black (written in text) to the
specific black jpg - the photo doesn't appear on the page. Instead
it appears as a photo program image file in the file folder at the
bottom of my page. When I click on this page - the photo comes up as
a tumbnail in that photo program not as a stand alone picture which
is what I want. This is why I was led to believe that the only way
to do what I need to do is by layering each photo and then create a
java script to make the thing work.

This is the bit I don't understand.
Are you talking about what happens when you "Preview in Browser" or what you
see in Design view?
Why would FrontPage open the photo program?
(Almost a rhetorical question)

In the interim, I will try to send over to you my base layout.
Do you want me to send you my
layered page as that I've done it differently in the short term
because the site is up and under construction? The way it is set=up
presently is that each collar is on its own html page. Thanks.

Yes, any look at the code would help. The name of the under-construction
site would be easiest (if that is the one that is your current "best shot")
You can put it in an obscure folder if you want to e.g.
http://mysite.com/underconst/index.html so that casual visitors don't see a
non-working (or not completed) page.

It may be that layering isn't needed, but you could also put that in another
folder e.g, http://mysite.com/underconst/layered/index.html . At least then
I can see exactly what you have tried and what it does
--
Cheers,
Trevor L.
[ Microsoft MVP - FrontPage ]
MVPS Website: http://trevorl.mvps.org/

 

[Andy]

I have tried this Ron but it is only confusing to me. My images don't change

Thanks Ron - I'll study it and try giving it a shot.

Take a look at http://www.rxs-enterprises.org/tests/rollover.htm
This may give you some ideas. Note that the "source image" in this page
may be replaced by text, or several text links with the same (modified
for each image) code.

--
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

With regards to your question - yes I believe this was the intention behind
going with first - a visible picture and then making all the others
invisibile. I'm confused about your question concerning jpegs as that the
reason I thought layering would be my only option is that I have already
tried putting in individual jpegs and this is when I encounter the problem I
alluded to where they only come up in the picture editor itself - not as
individual jpegs on my page. And how then by doing it this way can I insure
that they come up in the same place on my page and the same size?

:

Andy,

Some responses in-line

Andy wrote:
Wow! that's a lot of information for me to process. What I guess I
mean by layering is that I'm taking one picture frame and putting it
on top of another. I create a layer with the particular photo - make
it visible. I then create another layer that fits over the first one
(same size frame) and put the next photo in this layer only this time
I make this photo invisible as I do with all the remaining layered
photos. Does this make sense?

Yes, it makes sense.
But why add an invisible photo on top of a visible one ?
Is it the intention to make these visible by use of javascript so that
depening on what is clicked you get a different result appearing ?

I am wondering whether you could just create different jpeg images in an
image editor for the different results you want to be shown and then display
each of these jpeg images as required. But if course they may be reaons why
not.

The photos that I have to the best of my knowledge are all in my
folder image file. My problem is that when I try to hyperlink to
them from my text identifiers i.e. black (written in text) to the
specific black jpg - the photo doesn't appear on the page. Instead
it appears as a photo program image file in the file folder at the
bottom of my page. When I click on this page - the photo comes up as
a tumbnail in that photo program not as a stand alone picture which
is what I want. This is why I was led to believe that the only way
to do what I need to do is by layering each photo and then create a
java script to make the thing work.

This is the bit I don't understand.
Are you talking about what happens when you "Preview in Browser" or what you
see in Design view?
Why would FrontPage open the photo program?
(Almost a rhetorical question)

In the interim, I will try to send over to you my base layout.
Do you want me to send you my
layered page as that I've done it differently in the short term
because the site is up and under construction? The way it is set=up
presently is that each collar is on its own html page. Thanks.

Yes, any look at the code would help. The name of the under-construction
site would be easiest (if that is the one that is your current "best shot")
You can put it in an obscure folder if you want to e.g.
http://mysite.com/underconst/index.html so that casual visitors don't see a
non-working (or not completed) page.

It may be that layering isn't needed, but you could also put that in another
folder e.g, http://mysite.com/underconst/layered/index.html . At least then
I can see exactly what you have tried and what it does
--
Cheers,
Trevor L.
[ Microsoft MVP - FrontPage ]
MVPS Website: http://trevorl.mvps.org/