Categories

“Cross-Fading” Slider

Template-help.com Team November 15, 2010
Rating: 2.5/5. From 2 votes.
Please wait...

This is a Slider Script that uses cross-fading effect for slide change transition effects.

JavaScript
In order to make the script work, the index-#.html file with a slider should contain these line of HTML code in order to include the jquery00.js script that includes jQuery framework:

The gallery initialization is placed to the end of HTML coding (just before closing tag) and contains all the necessary configuration values.


effect attribute defines slide transition effect:

•    default – no transition effect, just switch the image;
•    fade – fade effect;
•    slide – slides are shifting down.

fadeOutSpeed attribute defines slide transition speed:

•    default – 4 seconds;
•    fast – 8 seconds;
•    slow – 2 seconds.

rotate attribute defines slide rotation:

•    true – slides are showing continuously;
•    false – each slide is shown only once.

HTML
Below you can see the HTML script representation:

Make sure that the number of navigation buttons ( tags inside the

This entry was posted in Slider and tagged jQuery, slider. Bookmark the permalink.

Submit a ticket

If you are still unable to find a sufficient tutorial regarding your issue please use the following link to submit a request to our technical support team. We'll provide you with our help and assistance within next 24 hours: Submit a ticket