Andy said: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. said:Andy said: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 said: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?
Trevor L. said:Andy said: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 said: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
Andy said: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?
Trevor L. said: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/
Andy said: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.
Trevor said: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
Andy said: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!
Andy said: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.
Andy said: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.
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?
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.
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.
Trevor L. said: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 said: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?
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?
Trevor L. said: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/
Ronx said: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?
Trevor L. said: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/
Thanks Ron - I'll study it and try giving it a shot.
Ronx said: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/
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.