Results 1 to 5 of 5

Thread: Ultimate Fade-in slideshow z-index issue

  1. #1
    Join Date
    Mar 2008
    Posts
    34
    Thanks
    7
    Thanked 1 Time in 1 Post

    Default Ultimate Fade-in slideshow z-index issue

    1) Script Title: Ultimate Fade-in slideshow (v2.4)

    2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex14/fadeinslideshow.htm

    3) Describe problem:

    I have been reading through the forums and there seems to be a lot of people having issues with the z-index of this script... I am no different.

    All of the solutions seem to revolve around changing the other offending scripts z-index and not "Ultimate Fade-in slideshow", unfortunately for me, the other offending script is the greater majority of my CMS's interface when in edit mode.

    I was hoping someone may be able to advise me on how to edit Ultimate Fade-in slideshow's .JS file to to lower the z-index considerably.

    I have found that playing with zIndex (line 145 and 163) kills the fade transition and doesn't seem to alter the z-index of the slide show.

    Any other time I would be more than happy to change something else to ensure this script works but this is just not feasible to edit the CMS core files. I am presuming there is some way of editing the slideshows z-index somewhere in there, just can't find it...

    Any help would be greatly appreciated... More than happy to make a donation for anyone's troubles.

    Richard.
    Last edited by mobius2000; 06-03-2010 at 01:42 PM.

  2. #2
    Join Date
    Oct 2009
    Posts
    845
    Thanks
    14
    Thanked 189 Times in 188 Posts

    Default

    You can try this
    Code:
    #fadeshow1{
    	z-index:0;
    }
    It worked for me (in wordpress)

  3. #3
    Join Date
    Mar 2008
    Posts
    34
    Thanks
    7
    Thanked 1 Time in 1 Post

    Default

    Awesome, thank you so much... I am disgusted at myself for overlooking the most obvious solution but sometimes you just need a fresh set of eyes.

    Thank you again.

  4. #4
    Join Date
    Jul 2010
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    where does the code

    #fadeshow{z-index:0;}

    get placed I have the same problem but im new to scripting

  5. #5
    Join Date
    Oct 2009
    Posts
    845
    Thanks
    14
    Thanked 189 Times in 188 Posts

    Default

    for example in the head section of you page, somewhere between <head> and </head>, you can put this
    Code:
    <style type="text/css">
    #fadeshow1 {
        z-index: 1;
    }
    </style>
    Usually z-index:1; is okay. Fadeshow1 refers to the name of the id with the fadeshow in it, so it has got to have the same name as the id of your slideshow div.

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
  •