Warning: Cannot modify header information - headers already sent by (output started at /home/jerwon11/divtagtutorials.com/wp-content/plugins/captcha/captcha.php:1) in /home/jerwon11/divtagtutorials.com/wp-content/plugins/wp-super-cache/wp-cache-phase2.php on line 60
For Fade Plugin, can I make the image transition speed change faster?

For Fade Plugin, can I make the image transition speed change faster?

Yes, here’s how you can change the timing of the image transition for our Fade Header Plugin:

1) In Weebly Editor, click into the “Design” tab, then click on the “Edit HTML / CSS” tab

2) Open the HTML page by clicking “index.html” on the left vertical column

3) Locate this code:

jQuery(‘#slideshow’).cycle({
fx: ‘fade’,
speed: ‘slow’,
timeout: 5000,
pager: ‘#slider_nav’,
pagerAnchorBuilder: function(idx, slide) {
// return sel string for existing anchor
return ‘#slider_nav li:eq(‘ + (idx) + ‘) a’;
}

Click to enlarge image

 

The default time is currently set at 5 seconds (5000 milli-seconds). You can change the transition time in red font above to reflect the transition time that you want.  The lower the number (for example, 3000 which is 3 seconds), the faster the image transition speed.

 

 

Tags: