StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

POJQuery Background Fade
text
Body
copied!<p>I've tried using this code <a href="https://stackoverflow.com/questions/5533171/fade-background-image-in-and-out-with-jquery">Fade background image in and out with jQuery?</a> which is awesome. Would anyone help with a quick adjustment as I'm a complete beginner at jquery. </p> <p>I would like the same (fading rotating background images). I adjusted the timing in the code so that the rotation was nice and slow (8seconds) but this delays the first image appearing. Is it possible to have the first image appear immediately then have a slow rotation?</p> <p>Thank you, Amy</p> <p><strong>UPDATE:</strong> Thanks for your help everyone. Here's my fix in case it's useful. Forgive me as I haven't used jsfiddle or stackoverflow before. I found that running the page on a regular browser (outside jsfiddle) there was a delay in loading the first image when I wanted the rotation to be very slow. ie the screen was just black for a long time before the image loads.</p> <p>I (think I have) fixed this by adding a new image outside the jsquery scripting which loads first before the rotating background starts. </p> <p>I included the script here - <a href="http://jsfiddle.net/aha56/9CHKE/" rel="nofollow noreferrer">http://jsfiddle.net/aha56/9CHKE/</a> Which is just a minor adjustment from this one <a href="http://jsfiddle.net/RnqQL/109/" rel="nofollow noreferrer">http://jsfiddle.net/RnqQL/109/</a> which I found here <a href="https://stackoverflow.com/questions/5533171/fade-background-image-in-and-out-with-jquery">Fade background image in and out with jQuery?</a></p>

Querying!

Guidance

An individual column

Larger individual text columns get their own page to allow for proper reading.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload