Animation speed in projects section


#1

How can I speed up the animation of the pictures in the projects section? Thank you for your advice!


#2

Hello there,

To override the carousel script on projects element and change its speed settings, try doing the below steps:

  1. Install and activate the TC Custom JavaScript plugin
  2. Go To Appearance > Custom JavaScript
  3. Paste the following code into the provided box
    ;(function($) {
      $('.widget_rocked_projects .roll-works').each(function(){
        var $this = $(this);
        if ( $().owlCarousel ) {
            $this.find(".work-wrap").owlCarousel({
                autoPlay: 2000,
                slideSpeed: 700,
                navigation: false,
                pagination: false,
                itemsCustom: [[0, 1], [480, 2], [768, 2], [992, 3], [1200, 4]]
            });
        }
      });
    })(jQuery);

Adjust the values of autoPlay and slideSpeed in the code above to any number (in milisecond) as desired.

  1. Update

You might need to flush any applied cache as it usually prevents new code addition to take immediate effect.

Regards,
Kharis


#3

That works great - thank you so much!


#4

You’re welcome!

Please let us know in a new topic if you have any further questions, or if we can provide you with any other assistance.

Regards,
Kharis