I am currently utilizing Slider Pro from bqworks.com for a slideshow with automated cycling on my website. I would like to adjust the display duration of each image in the slideshow. The documentation mentions a property called "slideAnimationDuration," which is set to a default value of 700. I attempted to modify this value, but it did not have any effect. Unfortunately, I could not find much helpful information online either. Any assistance with this issue would be greatly appreciated!
Below is the code snippet I am using:
jQuery(document).ready(function($) {
$("#my-slider").sliderPro();
});
$("#my-slider").sliderPro({
width: '100%',
height: $(".header").height(),
slideAnimationDuration: 5000,
arrows: true,
buttons: false,
waitForLayers: true,
fade: true,
autoplay: true,
autoScaleLayers: false
});html,
body {
padding: 0;
margin: 0;
}
.header {
height: 100vh;
}<div class="header">
<div class="slider-pro" id="my-slider">
<div class="sp-slides">
<div class="sp-slide">
<img class="sp-image" src="https://dl.dropbox.com/s/rp1imhbw1s06vjv/IMG_4875.JPG" />
</div>
<div class="sp-slide">
<img class="sp-image" src="https://dl.dropbox.com/s/6ffmnfh0oukrgb7/IMG_5064.JPG" />
</div>
</div>
</div>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>