Could you please describe more to this topic (Link, Reference and Slider Name)?

Hi Aabid,

It's the usual content slider, like on the demo page: http://umazeldemo.dot-see.com/section-examples/content-slider/

I would like to slow this down a bit.

Best, Simeon

Hey Simeon,

I would like to recommend you to use this script (might be you're using this)

http://umazeldemo.dot-see.com/section-examples/content-slider/DependencyHandler.axd?s=L3NjcmlwdHMvanF1ZXJ5LTEuMTEuMi5taW4uanM7L3NjcmlwdHMvcGx1Z2luL2pxdWVyeS5lYXNpbmcuanM7L3NjcmlwdHMvanF1ZXJ5LXVpLm1pbi5qczsvc2NyaXB0cy9ib290c3RyYXAubWluLmpzOy9zY3JpcHRzL3BsdWdpbi9qcXVlcnkuZmxleHNsaWRlci5qczsvc2NyaXB0cy9wbHVnaW4vYmFja2dyb3VuZC1jaGVjay5taW4uanM7L3NjcmlwdHMvcGx1Z2luL2pxdWVyeS5maXR2aWRzLmpzOy9zY3JpcHRzL3BsdWdpbi9qcXVlcnkudmlld3BvcnRjaGVja2VyLmpzOy9zY3JpcHRzL3BsdWdpbi9qcXVlcnkuc3RlbGxhci5taW4uanM7L3NjcmlwdHMvcGx1Z2luL3dvdy5taW4uanM7L3NjcmlwdHMvcGx1Z2luL2pxdWVyeS5jb2xvcmJveC1taW4uanM7L3NjcmlwdHMvcGx1Z2luL293bC5jYXJvdXNlbC5taW4uanM7L3NjcmlwdHMvcGx1Z2luL2lzb3RvcGUucGtnZC5taW4uanM7L3NjcmlwdHMvcGx1Z2luL21hc29ucnkucGtnZC5taW4uanM7L3NjcmlwdHMvcGx1Z2luL2ltYWdlc2xvYWRlZC5wa2dkLm1pbi5qczsvc2NyaXB0cy9wbHVnaW4valB1c2hNZW51LmpzOy9zY3JpcHRzL3BsdWdpbi9qcXVlcnkuZnMudGlwcGVyLm1pbi5qczsvc2NyaXB0cy9wbHVnaW4vbWVkaWFlbGVtZW50LWFuZC1wbGF5ZXIubWluLmpzOy9zY3JpcHRzL3RoZW1lLmpzOy9zY3JpcHRzL25hdmlnYXRpb24uanM7L3NjcmlwdHMvcGx1Z2luL2pxdWVyeS5tYi5ZVFBsYXllci5taW4uanM7L3NjcmlwdHMvY29va2llYmFyL2pxdWVyeS5jb29raWViYXIuanM7&t=Javascript&cdv=0

you can change the slideSpeed it on your js file:

$('.content-carousel').owlCarousel({
        autoPlay: true,
        autoHeight: true,
        stopOnHover: true,
        singleItem: true,
        slideSpeed: 100,
        pagination: false,
        navigation: true,
        navigationText: ["<i class='fa fa-angle-left'></i>", "<i class='fa fa-angle-right'></i>"],
        responsive: true
    });

I am recently using this plugin without installing i just added above script source and taken component source (Plain HTML) from website. (via view source).

Thanks

It seems like I'm having the same problem with her.

รับออกแบบโลโก้

I can't say there is an option for customize the plugin settings, if you're doing with plugin, i will recommend you to use this slider without plugin.

Here is the steps:

1. Download this script
2. Download the relevant CSS.

http://umazeldemo.dot-see.com/section-examples/content-slider/DependencyHandler.axd?s=L3NjcmlwdHMvanF1ZXJ5LTEuMTEuMi5taW4uanM7L3NjcmlwdHMvcGx1Z2luL2pxdWVyeS5lYXNpbmcuanM7L3NjcmlwdHMvanF1ZXJ5LXVpLm1pbi5qczsvc2NyaXB0cy9ib290c3RyYXAubWluLmpzOy9zY3JpcHRzL3BsdWdpbi9qcXVlcnkuZmxleHNsaWRlci5qczsvc2NyaXB0cy9wbHVnaW4vYmFja2dyb3VuZC1jaGVjay5taW4uanM7L3NjcmlwdHMvcGx1Z2luL2pxdWVyeS5maXR2aWRzLmpzOy9zY3JpcHRzL3BsdWdpbi9qcXVlcnkudmlld3BvcnRjaGVja2VyLmpzOy9zY3JpcHRzL3BsdWdpbi9qcXVlcnkuc3RlbGxhci5taW4uanM7L3NjcmlwdHMvcGx1Z2luL3dvdy5taW4uanM7L3NjcmlwdHMvcGx1Z2luL2pxdWVyeS5jb2xvcmJveC1taW4uanM7L3NjcmlwdHMvcGx1Z2luL293bC5jYXJvdXNlbC5taW4uanM7L3NjcmlwdHMvcGx1Z2luL2lzb3RvcGUucGtnZC5taW4uanM7L3NjcmlwdHMvcGx1Z2luL21hc29ucnkucGtnZC5taW4uanM7L3NjcmlwdHMvcGx1Z2luL2ltYWdlc2xvYWRlZC5wa2dkLm1pbi5qczsvc2NyaXB0cy9wbHVnaW4valB1c2hNZW51LmpzOy9zY3JpcHRzL3BsdWdpbi9qcXVlcnkuZnMudGlwcGVyLm1pbi5qczsvc2NyaXB0cy9wbHVnaW4vbWVkaWFlbGVtZW50LWFuZC1wbGF5ZXIubWluLmpzOy9zY3JpcHRzL3RoZW1lLmpzOy9zY3JpcHRzL25hdmlnYXRpb24uanM7L3NjcmlwdHMvcGx1Z2luL2pxdWVyeS5tYi5ZVFBsYXllci5taW4uanM7L3NjcmlwdHMvY29va2llYmFyL2pxdWVyeS5jb29raWViYXIuanM7&t=Javascript&cdv=0

<div class="owl-carousel content-carousel content-slider">
<div class="item">
    <div class="container">
        <div class="row">
                    <div class="col-md-6 mb-sm-30">
                        <img src="http://umazeldemo.dot-see.com/media/24730/sky-690293_1280.jpg?anchor=center&mode=crop&width=550&rnd=131133375730000000" alt="Slide 1" />
                    </div>
                    <div class="col-md-5 col-md-offset-1">
                        <h3>Slide 1</h3>
                        <div class="spacer-15"></div>
                        <p>Aliquam ultrices faucibus enim eget rutrum. Fusce congue nunc maximus viverra iaculis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent porttitor justo ante, iaculis tristique leo pellentesque et. Interdum et malesuada fames ac ante ipsum primis in faucibus. Duis vehicula libero eu orci congue, sed aliquam ex consequat. Morbi mollis venenatis mi at pellentesque. Suspendisse pharetra interdum augue ut sodales. Donec consectetur est lacus, sit amet ultricies dolor laoreet eget. Maecenas ut arcu facilisis libero mattis molestie. Proin elementum gravida tristique. Etiam et dolor elit. Cras dapibus tincidunt mattis. Nulla magna sapien, mollis sed mattis et, vehicula eu dui.</p>
                        <div class="spacer-15"></div>
                            <a href="http://www.dot-see.com" target="_blank" class="btn btn-md btn-black">Click me</a>
                    </div>

        </div>
    </div>
</div>
<div class="item">
    <div class="container">
        <div class="row">
            <div class="col-md-5 mb-sm-30">
                <h3>Slide 2</h3>
                <div class="spacer-15"></div>
                <p>Suspendisse orci quam, volutpat ac convallis vel, blandit in tellus. Integer accumsan ex a efficitur vehicula. Fusce pharetra diam eu urna dignissim, et tristique tellus faucibus. Morbi placerat suscipit metus suscipit rhoncus. Nam ac purus ipsum. Suspendisse commodo condimentum lobortis. Integer efficitur ligula eu justo dictum dignissim. Ut maximus, lorem quis vehicula vulputate, metus erat cursus metus, aliquet blandit arcu massa et lorem. Maecenas quis magna quis dui laoreet congue et id dui. Aliquam eu libero non quam condimentum vehicula et a ipsum. Cras in turpis neque. Duis ullamcorper vitae turpis eget pellentesque. Aliquam blandit semper hendrerit. Pellentesque luctus lacinia tincidunt. Nullam elit risus, congue quis turpis nec, tempor aliquam justo.</p>
                <div class="spacer-15"></div>


            </div>
            <div class="col-md-6 col-md-offset-1">

                <img src="http://umazeldemo.dot-see.com/media/24730/sky-690293_1280.jpg?anchor=center&mode=crop&width=550&rnd=131133375730000000" alt="Slide 2" />
            </div>

        </div>
    </div>
</div>

</div>

1. Remove this snippet from plugin and add individually as you need:

   $('.content-carousel').owlCarousel({
   autoPlay: true,
   autoHeight: true,
   stopOnHover: true,
   singleItem: true,
   slideSpeed: 500,
   pagination: false,
   navigation: true,
   navigationText: ["<i class='fa fa-angle-left'></i>", "<i class='fa fa-angle-right'></i>"],
   responsive: true
   

   });

Sorry, I just realized I expressed myself wrong. What I want to achieve is that the images stand longer. Not only 4secs, but 6 or 7.

Where would I have to change this?

Although I'm the creator of the starter kit, I must admit that javascripts need a lot of cleanup - I just took them from the HTML templates and included them there. The long URLs you see is because I'm using Client Dependency which concatenates/compresses/minifies scripts and css stylesheets, but you can always change the source script in /scripts/theme.js (remember to increase your clientdependency version number in config/clientdependency.config and touch your web.config file for this to work).

As for whether the slider allows the time for each slide to be set, I too am clueless. This jquery plugin is called OwlSlider but it looks like it's been removed from Github and the only one available is OwlSlider2 which doesn't seem to have the same set of options.

I was able to find some documentation on owlSlider here: http://www.jqueryscript.net/demo/Powerful-Customizable-jQuery-Carousel-Slider-OWL-Carousel/index.html#customizing - but I'm still not sure what "slideSpeed" and "paginationSpeed" mean. A little trial-and-error will hopefully yield results here.

Hi Sotiris,

Thanks a lot!

I will try, and if I find something, I will post it here.

Best, Simeon

is working on a reply...