rygine / looper Goto Github PK

Hi
I like your plugin very much but I noticed one issue.
While click spamming left or right control button looper enters sometimes in bugged mode when several item layers are on top of each other.
Can you maybe investigate this issue and maybe implement some logic to disable controls while animation is active?

Best regards

I'm facing a problem when using xfade slide down: the content (whether an image or text) only shows for a brief moment during animations.
This happens even when using the provided looper examples, and it seems to affect only xfade.

EDIT: it works properly when I comment out position: relative; in.looper .looper-inner in the looper.css.
But then it is not ideal since it creates issues with responsiveness.

Anybody has a cleaner solution?

DEMO: jsfiddle

When I have following code:

<div class="slideshow looper" data-looper="go" data-interval="1000">

    <div class="looper-inner">

        <div class="item" style="background: url('./img/LZS_1.jpg');">
            <div class="infobox">
                <h1>Test</h1>
                <p>test</p>
            </div>
        </div>

        <div class="item" style="background: orange;">
            <div class="infobox">
                <h1>ha</h1>
                <p>haha</p>
            </div>
        </div>

    </div>

    <nav>
        <a href="#prev" data-looper="prev">Prev</a><br>
        <a href="#next" data-looper="next">Next</a>
    </nav>

</div>

With Looper's CSS and JS included, slideshow works nice in loop, but controls do not do anything.

I've been working on a carousel type implementation of Looper and wanted to share it with you, possibly being something that can be worked into Looper core. While still needing some polishing, a demo can be seen at http://cdpn.io/srfKt

Thanks again for sharing your work!

Hello,
Thanks for the great work!
I've just begun testing this plugin, and it seems that I can only get it to loops forward twice, where previous works infinity. Any idea why this may be happening?

Hi,

First of all thanks for the such a great plugin. Your plugin is on of the best cycled plugin. Please add Thumbnail navigation support. I mean another next, prev button for thumbnail so that user can add unlimited slide.

Again thanks.

I've discovered that if a looper item contains text, and is also padded, the text is full-width during animation. I've created an exagerated demo at http://jsfiddle.net/betweenbrain/Ewe9N/4/ to illustrate the issue.

Any thoughts?

Would love to see height:auto; in future,
because right now when im using xfade and .looper - height:auto; it cant show it self...
it only works when height is fixed size like 200px etc...

first error i receive when try to init looper thru js $('.looper').looper();: Uncaught TypeError: Cannot read property 'looper' of undefined
$('.looper').looper({}); works fine tho

other issue is that init thru javascript has very long delay before looper instance starts - what is a reason behind this?

Hello,

I try to implement the xfade effect in a local server and no way to make it work. Have you ever experience the same problem and do I miss something important ?

Sincerely

The first image loads only after the js loads and starts kicking. The screen looks pretty blank till then. Is there a way to fix it?

I need help to make a different interval. Something like this [ iteam-1 = interval 1000 / iteam-2 = interval 2000 ] Maybe you have an example somewhere? Thanks.

Please change the name of your plugin. "Cycle" has been a very popular jQuery plugin since 2007, as a quick google search would have told you. Did you not know that or was your choice deliberate?

With the "looper controls" in the site it only loops twice. Without it goes on forever.
Uncaught TypeError: Cannot read property 'looper' of undefined