Results 1 to 8 of 8

Thread: image/table moving along with scrolling page

  1. #1
    Join Date
    Jan 2008
    Location
    Los Angeles
    Posts
    97
    Thanks
    31
    Thanked 2 Times in 2 Posts

    Default image/table moving along with scrolling page

    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/s...8&postcount=12

    Thanks.

  2. #2
    Join Date
    Mar 2007
    Location
    Currently: New York/Philadelphia
    Posts
    2,735
    Thanks
    3
    Thanked 519 Times in 507 Posts

    Default

    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_back...attachment.asp

  3. #3
    Join Date
    Jan 2008
    Location
    Los Angeles
    Posts
    97
    Thanks
    31
    Thanked 2 Times in 2 Posts

    Default

    (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.
    Last edited by questions; 02-13-2008 at 05:18 AM.

  4. #4
    Join Date
    Mar 2006
    Location
    Belgium
    Posts
    81
    Thanks
    2
    Thanked 0 Times in 0 Posts

    Default

    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/dynamici...topcontent.htm

  5. #5
    Join Date
    Aug 2005
    Location
    Other Side of My Monitor
    Posts
    3,494
    Thanks
    5
    Thanked 105 Times in 104 Posts
    Blog Entries
    1

    Default

    Quote Originally Posted by Rohan72 View Post
    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/dynamici...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.

    Quote Originally Posted by questions View Post
    (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)?
    {CWoT - Riddle } {Freelance Copywriter} {Learn to Write}
    Follow Me on Twitter: @InkingHubris
    PHP Code:
    $result mysql_query("SELECT finger FROM hand WHERE id=3");
    echo 
    $result

  6. #6
    Join Date
    Jan 2008
    Location
    Los Angeles
    Posts
    97
    Thanks
    31
    Thanked 2 Times in 2 Posts

    Default

    Quote Originally Posted by BLiZZaRD View Post

    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.

  7. #7
    Join Date
    Aug 2005
    Location
    Other Side of My Monitor
    Posts
    3,494
    Thanks
    5
    Thanked 105 Times in 104 Posts
    Blog Entries
    1

    Default

    Have a look here and see if that helps you any.
    {CWoT - Riddle } {Freelance Copywriter} {Learn to Write}
    Follow Me on Twitter: @InkingHubris
    PHP Code:
    $result mysql_query("SELECT finger FROM hand WHERE id=3");
    echo 
    $result

  8. #8
    Join Date
    Mar 2007
    Location
    Currently: New York/Philadelphia
    Posts
    2,735
    Thanks
    3
    Thanked 519 Times in 507 Posts

    Default

    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/dynamici...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/dynamici...iongallery.htm
    http://www.dynamicdrive.com/dynamici...rightslide.htm

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

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •