image/table moving along with scrolling page

[questions]

Is it possible to have an image (or an image in a table) move along with the page as you scroll along? For example, to always be centered on the page as you scroll.

This is related to this post (which was looking for an alternative to frames for viewing thumbnails and large pictures on the same page):

http://www.dynamicdrive.com/forums/showpost.php?p=128448&postcount=12

Thanks.

[Medyman]

I think what you want is actually the opposite of what you're saying.

If I'm understanding you correctly, you'd like for a background image to remain static as the text scrolls on top of it (i.e. the image doesn't move as you scroll the page.

If so, use some CSS.... background-attachment:fixed in particular;

http://www.w3schools.com/css/pr_background-attachment.asp

[questions]

(Thanks. I'll give that a try.)

That keeps a background image fixed. I'd like to keep an image that, for example, pops up when you do something (like when you scroll over another image) fixed. The image that would pop up would be a different one depending on what you are scrolling over. But, I'd like to keep the position of it fixed, even if the image changes.

[Rohan72]

the next script shows a box that's on top of all the content on a page and holds it place on the right-top corner of the browser.
easy to configure to show the box on another place on the screen.

http://www.dynamicdrive.com/dynamicindex11/topcontent.htm

[BLiZZaRD]

the next script shows a box that's on top of all the content on a page and holds it place on the right-top corner of the browser.
easy to configure to show the box on another place on the screen.

http://www.dynamicdrive.com/dynamicindex11/topcontent.htm

erm... I am not even sure why ddadmin still even has this script up... as it states in the instructions:



thanks to IE 5's conditional comments technology, all other browsers will simply see nothing.


I am sure the OP wants something that is more visible than only in IE5. Could be wrong, but I doubt it.


(Thanks. I'll give that a try.)

That keeps a background image fixed. I'd like to keep an image that, for example, pops up when you do something (like when you scroll over another image) fixed. The image that would pop up would be a different one depending on what you are scrolling over. But, I'd like to keep the position of it fixed, even if the image changes.

So you want a pop up of an image to occur on hover or click of an image that is on the page. You want this pop up to stay on the page for how long? During the entire time the other image is hovered over? Or until the visitor closes the pop up (or hovers over another image)?

[questions]

So you want a pop up of an image to occur on hover or click of an image that is on the page. You want this pop up to stay on the page for how long? During the entire time the other image is hovered over? Or until the visitor closes the pop up (or hovers over another image)?

I'd like to have the image in the same place, whether it's in a pop-up or on the page itself, while a scrollling bar of images moves below it. Like as if there were two frames in the old frames way. And you click on the lower frame (that scrolls) onto something which makes the "target" in the frame above (which doesn't move) change.

If the hover method is used, sure, just while you are hovering over the image. That would be best because it involves no clicking and is faster and when you hover off, it's gone, until the visitor hovers over another image.

Thanks.

[BLiZZaRD]

Have a look here (http://www.calcaria.net/javascript/2006/09/javascript-hover-over-html-popup.html) and see if that helps you any.

[Medyman]

If I'm understanding you correctly, you could be using any number of scripts in combination.

Are you going for a scrolling thumbnail gallery with the image appearing above the thumbnails?

Well, you could use any of these to have the larger images appear:
http://www.dynamicdrive.com/dynamicindex4/thumbnail2.htm
http://www.dynamicdrive.com/dynamicindex4/thumbnail.htm

And probably more, depending on the implementation

You could use any of these for the scrolling thumbnail:
http://www.dynamicdrive.com/dynamicindex4/cmotiongallery.htm
http://www.dynamicdrive.com/dynamicindex14/leftrightslide.htm

or just a div of fixed dimensions with overflow:auto.