How to get the JS plugin 'roundabout' work

2019-06-14 13:50发布

问题:

EDIT: SOLVED!

Is there a way to use the jquery plugin 'roundabout' (http://fredhq.com/projects/roundabout) with a newer version of jquery preferably v1.8.3.

I have setup a fiddle where you can see it working in 1.6.3, but it is written to perform optimally with 1.7.1. I need it to work with 1.8.3 http://jsfiddle.net/David_Knowles/vw9nt/

I've looked around on the net, posted a question to plugin developer, but as yet no success. Any pointers would be greatly appreciated.

<ul class="roundabout-holder">
    <li id="w-header-image-1"><img src="img/award.png" alt="Award"></li>
    <li id="w-header-image-2"><img src="img/backpack.png" alt="Backpack"></li>
    <li id="w-header-image-3"><img src="img/bear.png" alt="Bear"></li>
    <li id="w-header-image-4"><img src="img/gun.png" alt="Gun"></li>
</ul>

    $(document).ready(function() {
            $('ul').roundabout({
                tilt:-4,
                minOpacity: 1,
                minScale: 0.1,
                autoplay: true,
                autoplayDuration: 1000,
                autoplayPauseOnHover: true,
                btnStartAutoplay: ".start",
                btnStopAutoplay: ".stop",
                btnToggleAutoplay: ".toggle",
                btnNext: ".next",
                btnPrev: ".previous"
            });
        }); 

EDIT: The latest version (2.4.2) works just fine with Jquery 1.8.3 and greater https://github.com/fredhq/roundabout/archive/master.zip