Hello,

You are loading jQuery multiple times on your page and this creates conflicts. Please delete these 2 lines from your footer

        <script type="text/javascript" src="js/jquery-1.10.1.min.js"></script>
        <script type="text/javascript" src="js/jquery-ui.js"></script>    

Regards

Hello,

In the older version, when you clicked next button, the previous image zoom effect was stopped and the next image zoom effect was started only after the fade effect (between the 2 slides) was ended.

In the new version, when you click next button, the next image zoom effect starts and the previous image zoom effect continues, both while the fade effect (between the 2 slides) takes place.

A new parameter was added which is called ‘scrollSlideDuration’. Set it to a higher value to see the transition more clearly. Example:

jQuery('#bannerscollection_zoominout_opportune').bannerscollection_zoominout({
                skin: 'opportune',
                autoPlay:10,
                width: 960,
                height: 400,
                circleRadius:8,
                circleLineWidth:4,
                circleColor: "#ffffff", //849ef3
                circleAlpha: 50,
                behindCircleColor: "#000000",
                behindCircleAlpha: 20,
                thumbsWrapperMarginTop:30,
                scrollSlideDuration:4

            });    

Regards

I am interested in auto play only (NOT next or previous buttons). I used your parameters above and it worked the way I want it to, but only for the first slide and the first transition. After that it appears that you have to wait for the previous slide to finish the Ken Burns Effect (and in essence, come to a dead stop) before the fade begins and the new slide appears.

If you refresh, it works correctly for one transition only, and then back to the dead stops

Hello,

You are right, thank you for pointing this out. We fixed the problem and updated the product. Please download the product again from your account and overwrite the ‘js’ folder. To see the transition more clearly, set these 2 JS parameters something like this:

autoPlay: 5

scrollSlideDuration:4

Regards

This is it, yes!!!! Thank you. I also had to make the duration longer (about 7). One last thing. Can I set the Ken Burns motion to be linear (instead of ease in and ease out). Is there a parameter or do I need to do this in the Js. Thanks

This is it, yes!!!! Thank you. I also had to make the duration longer (about 7). One last thing. Can I set the Ken Burns motion to be linear (instead of ease in and ease out). Is there a parameter or do I need to do this in the Js. Thanks

This is it, yes!!!! Thank you. I also had to make the duration longer (about 7). One last thing. Can I set the Ken Burns motion to be linear (instead of ease in and ease out). Is there a parameter or do I need to do this in the Js. Thanks

Hello,

Yes, you have ‘scrollSlideEasing’ JS parameter. You can set scrollSlideEasing:’linear’ whne you initialize the slider.

Please check help documentation, ‘JS Options’ section, to see all available options.

Regards

I think this parameter ‘scrollSlideEasing’ controls how the transition (fade in my case) is applied. Which parameter controls the Ken Burns Motion. Currently it appears that this motion starts off very slowly, picks up speed, and then slows down at the end. I want the Ken Burns motion to be linear (constant speed throughout). I will time the fade so that there is no abrupt stop at the start or end of the motion – Slide will be faded out before KB motion reaches it’s final destination and next slide will be faded out prior to starting the KB motion.

I think this parameter ‘scrollSlideEasing’ controls how the transition (fade in my case) is applied. Which parameter controls the Ken Burns Motion. Currently it appears that this motion starts off very slowly, picks up speed, and then slows down at the end. I want the Ken Burns motion to be linear (constant speed throughout). I will time the fade so that there is no abrupt stop at the start or end of the motion – Slide will be faded out before KB motion reaches it’s final destination and next slide will be faded out prior to starting the KB motion.

I think this parameter ‘scrollSlideEasing’ controls how the transition (fade in my case) is applied. Which parameter controls the Ken Burns Motion. Currently it appears that this motion starts off very slowly, picks up speed, and then slows down at the end. I want the Ken Burns motion to be linear (constant speed throughout). I will time the fade so that there is no abrupt stop at the start or end of the motion – Slide will be faded out before KB motion reaches it’s final destination and next slide will be faded out prior to starting the KB motion.

I think this parameter ‘scrollSlideEasing’ controls how the transition (fade in my case) is applied. Which parameter controls the Ken Burns Motion. Currently it appears that this motion starts off very slowly, picks up speed, and then slows down at the end. I want the Ken Burns motion to be linear (constant speed throughout). I will time the fade so that there is no abrupt stop at the start or end of the motion – Slide will be faded out before KB motion reaches it’s final destination and next slide will be faded out prior to starting the KB motion.

I should note that I’m using the full-screen majestic theme.

Hello,

You should set initialZoom:1, finalZoom:1, duration:0, durationIEfix:0,

Please check help documentation, ‘How To Disable Zoom In/Out Effect’ section.

Regards

Hello,

Bootstrap has a general definition for img tags in the css. Please comment height:auto; for img tag, from the bootstrap .css file

Regards

I just wrote img{ height:auto !important; } in bootstrap css to the bottom. but it did’not solve my problem. and I do not want to use important for img tag. can you write me img in class with css codes please.

Hello,

I didn’t say to write !important but to comment/delete height:auto

Please send me on office@lambertgroup.ro the link where you have the slider, to take a look

Regards

In this file http://tercihyazilim.com/bellona-web/css/bootstrap.min.css you have

img{width:auto\9;height:auto;max-width:100%;vertical-align:middle;border:0;-ms-interpolation-mode:bicubic}

Replace it with

img{width:auto\9;max-width:100%;vertical-align:middle;border:0;-ms-interpolation-mode:bicubic}

Regards

thanks. the problem gone away I just have one little problem too. I really do not understand why? first oppening in my browser the bottom scrol bar being visible. but when I change the browser size the bottom scrollbar invisible,

and the slider width bigger than 100% before resizing the browser.