Frames and Images

[pete]

I have a page which has two frames ('content' on left and 'main' on right).
In the 'content' frame are various links which I wish to use to change the
image in the 'main' frame but leave the rest of the frame details intact.
I have named the image as 'mainimage' with the following -

<p align="center"><img border="1" src="imagedir/picture1.jpg"
name="mainimage" width="390" height="293"></p>

I am trying to right a piece of script which will change the image when user
click on the various links. I would have thought that the following would
have worked but all it seems to do is right the image name in the main
frame.

href="javascript:parent.main.document.images['mainimage'].src =
'imagedir/picture2.jpg'"

Any suggestions as to where I am going wrong would be appreciated.

Thanks
Peter

[Joseph Ellis]

On Tue, 23 Sep 2003 19:02:29 +0000 (UTC), "pete" <pe*****@this.com>
wrote:

I have a page which has two frames ('content' on left and 'main' on right).
In the 'content' frame are various links which I wish to use to change the
image in the 'main' frame but leave the rest of the frame details intact.
I have named the image as 'mainimage' with the following -

<p align="center"><img border="1" src="imagedir/picture1.jpg"
name="mainimage" width="390" height="293"></p>

Try changing name="mainimage" to id="mainimage", or just use them both
(name and id).
I am trying to right a piece of script which will change the image when user
click on the various links. I would have thought that the following would
have worked but all it seems to do is right the image name in the main
frame.
It sounds like you are trying to display an image that the script
can't find. Be sure the path and spelling is correct, as well as the
capitalization. I've been frustrated in situations like this many
times in the past, only to discover that I had type the image's name
incorrectly. Remember that myimage.jpg and MyImage.JPG are not the
same file as far as your script is concerned.

href="javascript:parent.main.document.images['mainimage'].src =
'imagedir/picture2.jpg'"

Any suggestions as to where I am going wrong would be appreciated.

Thanks
Peter

[aundrenash]

Hello,
I'm a beginning graphic/web designer. I created a website with a background
graphic that is 800x640 pixels. The problem is on my screen it fits like it
should (no scrolling necessary etc.) but on monitors with lower (different
resolutions) it's way too large. What script can I use to make sure the
background image is the same or similar size (fits within the browser window
without need for scrollling) on all or the majority of monitors? I'm sure
this is really simple javascript 101 but I'd appreciate the time and help.

designgal

[pete]

Not a lot of success.
I have tried using id=... and name=... but I get the same result. The main
frame blanks out and just displays the text "imagedir/picture2.jpg".

Anyone got any other ideas?

Thanks
Peter
"Joseph Ellis" <ja*******@hotmail.com> wrote in message
news:42********************************@4ax.com...

On Tue, 23 Sep 2003 19:02:29 +0000 (UTC), "pete" <pe*****@this.com>
wrote:

I have a page which has two frames ('content' on left and 'main' on right).In the 'content' frame are various links which I wish to use to change theimage in the 'main' frame but leave the rest of the frame details intact.
I have named the image as 'mainimage' with the following -

<p align="center"><img border="1" src="imagedir/picture1.jpg"
name="mainimage" width="390" height="293"></p>

Try changing name="mainimage" to id="mainimage", or just use them both
(name and id).

I am trying to right a piece of script which will change the image when userclick on the various links. I would have thought that the following would
have worked but all it seems to do is right the image name in the main
frame.

It sounds like you are trying to display an image that the script
can't find. Be sure the path and spelling is correct, as well as the
capitalization. I've been frustrated in situations like this many
times in the past, only to discover that I had type the image's name
incorrectly. Remember that myimage.jpg and MyImage.JPG are not the
same file as far as your script is concerned.

href="javascript:parent.main.document.images['mainimage'].src =
'imagedir/picture2.jpg'"

Any suggestions as to where I am going wrong would be appreciated.

Thanks
Peter

[Lasse Reichstein Nielsen]

"aundrenash" <au********@cox.net> writes:

I created a website with a background graphic that is 800x640
pixels. The problem is on my screen it fits like it should (no
scrolling necessary etc.) but on monitors with lower (different
resolutions) it's way too large.
And so is it on browsers that don't take up the entire screen (like
mine, on a 1600x1200 desktop).
What script can I use to make sure the background image is the same
or similar size (fits within the browser window without need for
scrollling) on all or the majority of monitors?

That is actually not possible. There is no way to scale a background
image in CSS, which is what would be needed. Even if you can find the
size of the browser (don't look at the size of the screen, it doesn't
matter one bite), you can't scale the background to fit. You will have
to have several different backgrounds available, and switch to the one
that has the correct size.

/L
--
Lasse Reichstein Nielsen - lr*@hotpop.com
Art D'HTML: <URL:http://www.infimum.dk/HTML/randomArtSplit.html>
'Faith without judgement merely degrades the spirit divine.'