Results 1 to 4 of 4

Thread: Unhide image & display whole of image

  1. #1
    Join Date
    Feb 2011
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default Unhide image & display whole of image

    Hi,
    My first post so please be gentle!

    I'm using a very simple bit of javascript to hide / unhide images with the onmouseover & onmouseout. My problem is that the the 'large' images are 800 * 600 & when you rollover the thumbnail the bottom of the image isn't viewable unless you scroll the page down, which if you try the image disappears!

    Is there anyway of adding CSS or Javascript to make the window 'move down' or always make the bottom of the image viewable??

    Thanks.

    J.

  2. #2
    Join Date
    Jul 2008
    Location
    Derbyshire, UK
    Posts
    3,033
    Thanks
    25
    Thanked 599 Times in 575 Posts
    Blog Entries
    40

    Default

    A link to your page would help
    Focus on Function Web Design
    Fast Edit (A flat file, PHP web page editor & CMS. Small, FREE, no database!) | Fast Edit BE (Snippet Manager) (Web content editor for multiple editable regions!) | Fast Apps

  3. #3
    Join Date
    Feb 2011
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Bev,
    Thanks for your response. I have attached a link to a page with the code in. This page doesn't validate as I've taken some parts out but you'll get the general idea.

    http://www.qiomts.co.uk/qi/wip/rollo...?Vancat=Medium

  4. #4
    Join Date
    Jan 2008
    Posts
    4,168
    Thanks
    28
    Thanked 628 Times in 624 Posts
    Blog Entries
    1

    Default

    The thing is, whether or not you make the scroll bar "move down" or scroll down to where the image can be fully displayed - the users mouse doesn't move with the scroll. The mouse wouldn't be hovering over the small image anymore thus the big image would disappear. My advice is to just make the image smaller or have a link to the image:
    Code:
    <a href="http://site.com/big.png"><img src="http://site.com/small.png" /></a>
    Jeremy | jfein.net

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
  •