Animation on slider load

  • Resolved Ramzihajaj

    (@ramzihajaj)


    10 years, 5 months ago

    Hi there,

    I’m trying to make an animation after the homepage slider loads. Do you know where function the loading animation for the slider is held, is there a callback function for this that I could simply insert my animation into?

    Thanks again,

    Ramzi

Viewing 2 replies - 1 through 2 (of 2 total)

  • What type of animation, and what are you animating? And which slider. Please post a link.

    If you are using the flex slider you can see callbacks here: https://www.woothemes.com/flexslider/

    Kadence Themes

    Thread Starter Ramzihajaj

    (@ramzihajaj)

    Hey,

    So I was just trying to create a fade in and out animation on page load but wanted to wait for the slider to load before doing so. I child themed the /templates/home/flex-slider.php file and then inserted my animation after the following:

    jQuery('.flexslider').flexslider({
                    animation: "<?php echo $transtype ?>",
                    animationSpeed: <?php echo $transtime ?>,
                    slideshow: <?php echo $autoplay ?>,
                    slideshowSpeed: <?php echo $pausetime ?>,
                    smoothHeight: true,

                    before: function(slider) {
                      slider.removeClass('loading');

                    }
                  });

    Did the trick. Thanks again!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Animation on slider load’ is closed to new replies.