Results 1 to 4 of 4

Thread: Question about Ultimate Fade-in slideshow (v1.51)

  1. #1
    Join Date
    Jan 2008
    Posts
    13
    Thanks
    3
    Thanked 0 Times in 0 Posts

    Default Question about Ultimate Fade-in slideshow (v1.51)

    1) Script Title: Ultimate Fade-in slideshow (v1.51)

    2) Script URL (on DD): http://www.dynamicdrive.com/dynamici...nslideshow.htm

    3) Describe problem: Using this script, it is excellent, however I would like to use one addition.

    http://www.geocities.com/dogshasha/rotatingimage.jpg

    I tried to display an absolutely positioned image on the slideshow. I can make it work by using "position:absolute;" on css with a basic HTML file. But the slideshow seems to block this absolutely positioned image. Any idea why?

    Here is the CSS code I use:

    Code:
    #myimg{
    position:absolute;
    top:10;
    right:10;
    width:99;
    height:41;
    }
    Hope this is reasonably clear.

    Many thanks in anticipation
    Last edited by dogshasha; 04-28-2009 at 03:10 PM.

  2. #2
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    28,957
    Thanks
    43
    Thanked 3,195 Times in 3,157 Posts
    Blog Entries
    12

    Default

    UFade works in part by escalating z-index - the stacking value for elements that are positioned and occupying some or all of the same space on the page.

    To get another positioned element to always show on top, well that's virtually impossible, but in a practical sense can be done if that element is given a high z-index, ex:

    Code:
    #myimg {
     position: absolute;
     top: 10px;
     right: 10px;
     width: 99px;
     height: 41px;
     z-index: 10000;
    }
    - John
    ________________________

    Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate

  3. #3
    Join Date
    Jan 2008
    Posts
    13
    Thanks
    3
    Thanked 0 Times in 0 Posts

    Default

    Thanks John. The problem is solved. I tried this approach before.

    For some reason, if I apply z-index to a div which contains the image file I'd like to place, it doesn't work. Now, I apply z-index to <img tag directly, then it works.

  4. #4
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    28,957
    Thanks
    43
    Thanked 3,195 Times in 3,157 Posts
    Blog Entries
    12

    Default

    The z-index generally has no meaning unless the element it is applied to also has position either relative or absolute. There are some exceptions in some browsers. But if you want to z-index stack in all browsers, absolute or relative positioning is the safest bet.
    - John
    ________________________

    Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate

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
  •