Results 1 to 4 of 4

Thread: Ultimate Fade-in slideshow (v2.0) Loading Forever

  1. #1
    Join Date
    Feb 2012
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default Ultimate Fade-in slideshow (v2.0) Loading Forever

    I have an issue with the Ultimate Fade-in slideshow (v2.0) script.

    When I go to view the page the loading image just turns forever. The slideshow never starts. Any ideas?

  2. #2
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    30,372
    Thanks
    77
    Thanked 3,421 Times in 3,382 Posts
    Blog Entries
    12

    Default

    Please include a link to the page on your site that contains the problematic code so we can check it out.
    - John
    ________________________

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

  3. #3
    Join Date
    Mar 2013
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    I have the same problem- I have used this code for few years and have noticed a marked slow loading time only recently. My images are small (150kb) and there are only 4-6 of them. Can I add the first image as a background image to the wrapper div?
    Also, I have the loading.gif in the same directory as the file where the script is called, but the loading.gif does not show up. Thanks,.
    Last edited by vbel; 09-12-2013 at 06:22 PM.

  4. #4
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    30,372
    Thanks
    77
    Thanked 3,421 Times in 3,382 Posts
    Blog Entries
    12

    Default

    In the future, please start a new thread for a new question.

    That said, 150K per image is a bit excessive, 50K would be more like it, preferably much less even than that.

    And there are some flaws in the script. Notably, if the mouse is over the slideshow as the page loads, in some browsers the show will not start at all, showing just black until the mouse is moved away. Also the loading image never shows up on any browser under any circumstances, period.

    To address these and other issues (see comments at the beginning of the updated file for these 'other' issues), use this unofficial update:

    http://home.comcast.net/~jscheuer1/s...deslideshow.js

    As to using the first image as background, you can do that, but with such large images I would advise against it because, if it's taking too long to load the images, making one of them a background image will only increase the loading time, especially in some browsers. If you fix things by using the updated script, you will see the loading image while the images load. If you also reduce each image's byte size, that will help as well.

    But, if you want to try it, it's pretty simple to do so using overriding css style:

    Code:
    <style type="text/css">
    #fadeshow1, #fadeshow1 .gallerylayer {
    	background-image: url(thefirstimage.jpg) !important;
    	width: 500px;
    	height: 300px;
    }
    </style>
    Where #fadeshow1 is the wrapperid for the slideshow (in the on page call) and the width and height (with px added as shown in the above) are the width and height (dimensions) specified in the on page call for the slideshow. Be sure to use the !important keyword for the background-image declaration in order to override what the script will set for it (no background image).

    Add that to the head of the page, or include its rules in an existing stylesheet for the page.

    The browser cache may need to be cleared and/or the page refreshed to see changes.

    If you want more help, please include a link to the page on your site that contains the problematic code so we can check it out.
    - 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
  •