If this is your first visit, be sure to
check out the FAQ by clicking the
link above. You may have to register
before you can post: click the register link above to proceed. To start viewing messages,
select the forum that you want to visit from the selection below.

No Fade-in on first image of FadeSlideShow option

3) Describe problem: Less a problem, than an "is it possible?" I'd like the first image of the slideshow to NOT fade-in, though I do want to maintain the dissolves between subsequent slideshow images.

I am using the script on the Home page of a site I am working on, and everything appears to function great. Really nice work and many thanks for it. I am using the script to loop 6 images on that page. I want visitors to see the full page as soon as possible. I am currently loading a background-image for the fadeshow <div>, which seems to work well. The script loads pretty quickly though, and I think I might be able to do without the background-image...were it not for the fade-in, which is pretty long as I have set my fadeduration to 2500 (which is perfect for the rest for the remainder of the slideshow).

Wow! Thank you, that did it perfectly. I really can't believe the level of support you are giving your scripts.

Just an FYI, when I was searching for a solution to my question on your forum, I seem to recall seeing a couple of inquires about not having a black background whilst the image is loading. I saw some suggestions to change the background color via CSS, which works fine if you can match the background color. If you have a pattern or a gradient background it might not work as well. What I have done is remove the 2 references to

Code:

background:'black'

in your script, which seems to have had no negative effect on the script, and which allowed the background of the body element to show during the load. Maybe this will be useful for someone else...

Over the years as the forum has been updated, some of these attached scripts have gotten lost. But you don't need to modify the fadeslideshow.js file to achieve this. Simply make the highlighted changes/additions to the on page code in the head section as shown: