Advanced Search

Results 1 to 5 of 5

Thread: Ultimate Fade-in slideshow (v2.1) background

  1. #1
    Join Date
    Apr 2010
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Question Ultimate Fade-in slideshow (v2.1) background

    1) Script Title:
    Ultimate Fade-in slideshow (v2.1)
    2) Script URL (on DD):
    http://www.dynamicdrive.com/dynamici...nslideshow.htm
    3) Describe problem:
    Hi, I used this script and my only question is: how to change this black background? I mean I had searched all "black" in .js file and I changed them into "white" but it's still black.. Please help

  2. #2
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    28,677
    Thanks
    43
    Thanked 3,126 Times in 3,092 Posts
    Blog Entries
    12

    Default

    You may have missed one, or been viewing a cached copy. Other things could cause that.

    You don't need to edit the script for that anyway. You can use style. Say your wrapperid is fadeshow1. If so, you may add to your stylesheet:

    Code:
    #fadeshow1, #fadeshow1 .gallerylayer {
    	background-color: white!important;
    }
    - John
    ________________________

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

  3. #3
    Join Date
    Apr 2010
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    thank you so much, it worked

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

    Default My try at a white background...

    I used this code:


    </script>


    <style type="text/css">
    <!--
    #fadeshow1 {
    position:absolute;
    width:400px;
    height:300px;
    z-index:1;
    left: 359px;
    top: 267px;
    background-color: white;
    }
    -->
    </style>
    </head>

    The positioning worked, but the background was still black. And if I AM able to get it white, how can I change the text inserts to be black instead of white?

    Rik

  5. #5
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    28,677
    Thanks
    43
    Thanked 3,126 Times in 3,092 Posts
    Blog Entries
    12

    Default

    Due to modern browsers sometimes ignoring anything between:

    Code:
    <!--
    and:

    Code:
    -->
    It's now better to skip that kind of thing. Browsers that need that are overwhelming not used any longer.

    But, that's not the real problem. The script sets the background. The only way to override that with style is to use the !important keyword:

    Code:
    #fadeshow1 {
    position:absolute;
    width:400px;
    height:300px;
    z-index:1;
    left: 359px;
    top: 267px;
    background-color: white!important;
    }
    - 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
  •