Results 1 to 5 of 5

Thread: Please Help with Fade-In Slideshow v1.5

  1. #1
    Join Date
    Sep 2009
    Posts
    3
    Thanks
    2
    Thanked 0 Times in 0 Posts

    Default Please Help with Fade-In Slideshow v1.5

    I am working on a project for a client, and have spent way more time than I should have trying to figure this out. Your help with this would be truly appreciated, since I am now slipping on my deadlines and need to make up ground.

    1) Script Title:
    Ultimate Fade-In Slideshow v1.5

    2) Script URL (on DD):
    http://www.dynamicdrive.com/dynamici...nslideshow.htm (Now the version is at 2.0, and I tried to see if there was archived page for v1.5, but didn't find it...)

    3) Describe problem:
    The goal with this client is to migrate their existing site, which is run by a proprietary CMS, off of that platform, and essentially re-build it (no big changes to design) as a primarily HTML/CSS site, but keeping the existing javascript/jquerie scripts such as the Dynamic Drive script.

    I have essentially rebuilt the home page in this manner, with all support directories for images, scripts, and CSS in the same relative paths as the original live site. That live site is here, and the Dynamic Drive UFS script is working perfectly here as you will see at the top of the home page:

    http://recordsmanagementcenter.com/

    However, on the version I have rebuilt on the test server, while most of the styling, menus, etc are working fine, the images being rotated by the UFS script are not visible:

    http://records-storage.biz/RMCAugusta/index.html

    Confusing me even more, when I look at the html with FireBug on the rebuild version, it shows me that the script is working and doing its thing live in real time, yet nothing is visible. (The code actually refreshes with each image rotation in firebug, just like in the original, yet nothign is visible...)

    One other note: I discovered when I change the href url in the base tag to the original site url, on my rebuilt version, all works fine with this script - however, that also screws up the CSS styling, which I had to revise from the original to accommodate my new navigation structure.

    I have tried using "/" in the base tag url, or else completely removing it, and neither works. I don't even know why this would be an issue, because all support files in my rebuilt page are being referenced out of folders and files that are identical in path to the original site version, relative to the root.

    I also tried playing with z-index values, thinking that somehow a white background was loading overtop of the div with the slideshow - Either this wasn't the issue, or I just did something wrong, because this had no effect.

    Again, your help would be appreciated.

  2. #2
    Join Date
    Aug 2004
    Posts
    10,143
    Thanks
    3
    Thanked 1,008 Times in 993 Posts
    Blog Entries
    16

    Default

    Just to rule out image paths being the problem, what happens if you change the paths to the images inside the script so they are absolute, for example:

    Code:
    var fadeimages=new Array()
    //SET IMAGE PATHS. Extend or contract array as needed
    fadeimages[0]=["http://yoursite.com/images/rotate/01.jpg", "", ""] //plain image syntax
    fadeimages[1]=["http://yoursite.com/images/rotate/02.jpg", "", ""]
    fadeimages[2]=["http://yoursite.com/images/rotate/03.jpg", "", ""]
    fadeimages[3]=["http://yoursite.com/images/rotate/04.jpg", "", ""]
    fadeimages[4]=["http://yoursite.com/images/rotate/05.jpg", "", ""]
    DD Admin

  3. The Following User Says Thank You to ddadmin For This Useful Post:

    dou9las (09-18-2009)

  4. #3
    Join Date
    Sep 2009
    Posts
    3
    Thanks
    2
    Thanked 0 Times in 0 Posts

    Default

    Quote Originally Posted by ddadmin View Post
    Just to rule out image paths being the problem, what happens if you change the paths to the images inside the script so they are absolute, for example:

    Code:
    var fadeimages=new Array()
    //SET IMAGE PATHS. Extend or contract array as needed
    fadeimages[0]=["http://yoursite.com/images/rotate/01.jpg", "", ""] //plain image syntax
    fadeimages[1]=["http://yoursite.com/images/rotate/02.jpg", "", ""]
    fadeimages[2]=["http://yoursite.com/images/rotate/03.jpg", "", ""]
    fadeimages[3]=["http://yoursite.com/images/rotate/04.jpg", "", ""]
    fadeimages[4]=["http://yoursite.com/images/rotate/05.jpg", "", ""]
    It Worked I feel really pretty stupid partly because I almost did that days ago, and just thought "no, relative paths should be fine, besides it couldn't be that simple..."

    Thanks very much for the quick response, and for nailing this on the head for me on the first try.

    BTW - Any thoughts on why the relative paths wouldn't work? I actually tried putting in the test server domain in the base tag i.e. <base href="http://records-storage.biz/RMCAugusta"> with and without a trailing forward slash (since the script had worked fine with the original domain url in base tag) - yet that didn't work.

  5. #4
    Join Date
    Aug 2004
    Posts
    10,143
    Thanks
    3
    Thanked 1,008 Times in 993 Posts
    Blog Entries
    16

    Default

    Hmm the only thing in your original syntax that caught my eye was the "/" prefixing each image path. Typically that's not necessary, and in some cases, can confuse the browser.
    DD Admin

  6. The Following User Says Thank You to ddadmin For This Useful Post:

    dou9las (09-18-2009)

  7. #5
    Join Date
    Sep 2009
    Posts
    3
    Thanks
    2
    Thanked 0 Times in 0 Posts

    Default

    Quote Originally Posted by ddadmin View Post
    Hmm the only thing in your original syntax that caught my eye was the "/" prefixing each image path. Typically that's not necessary, and in some cases, can confuse the browser.
    I've got my version of the site working, although I am not 100% sure I understand the path nuances.

    Again, thanks for your input and for helping me solve this problem. Cheers.
    -Doug

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
  •