Advanced Search

Results 1 to 3 of 3

Thread: Image Thumbnail Viewer-enlarged image behind the text layer

  1. #1
    Join Date
    Jan 2006
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Unhappy Image Thumbnail Viewer-enlarged image behind the text layer

    Hi,
    I am using this script (http://www.dynamicdrive.com/dynamicindex4/thumbnail.htm) to see enlarged image by clicking the thumbnail image. It works fine until I make a layer and write some text into the layer. Now when I click the thumbnail, the enlarged image appears behind the text (or the layer). Could anyone help me to solve this problem, i.e., tell me what I have to change so that the enlarged image appears over (not behind) any other text or any other layes on that page.
    Thanks

  2. #2
    Join Date
    Aug 2004
    Posts
    9,864
    Thanks
    3
    Thanked 960 Times in 949 Posts
    Blog Entries
    15

    Default

    Overlapping is a common problem with DHTML layers, and sometimes there is no easy way around it- for example, with a layer being hidden by a form field. You can try adding a z-index attribute to the CSS of step 1:

    Code:
    #showimage{
    position:absolute;
    visibility:hidden;
    border: 1px solid gray;
    z-index: 100;
    }

  3. #3
    Join Date
    Jan 2006
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Thanks! It works well now.
    Gobinda

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
  •