austenpayan / skippr Goto Github PK

hi Austen, I have an issue in my slider autoplay function. It's works perfect at the time you enter to the site but suddently the autoplay function crashes it. I could fix it setting my autoplay as "false" but i don't want to.

Here's my code:
[div class="contenedor-slider"]
[div id="main-slider"]

[/div]
[/div]

 <script type="text/javascript">

        $(document).ready(function(){
            $("#main-slider").skippr({
                transition: 'slide',
                speed: 1200,
                easing: 'easeOutQuart',
                childrenElementType: 'div',
                arrows: false,
                autoPlay: true,
                navType: 'bubble',
                keyboardOnAlways: false,
                autoPlayDuration: 3500
            });
        });

    </script>

And here's the example
http://www.marvi.com.mx/09/

Any idea what might be the problem?

Just wish to have the option to disable pause on hover. I want the slider to cycle no matter where the user has the mouse pointer.

Thank you.

It would be cool if you can swipe the slides in mobile device.

Hi Austen,

I applied your fantastic slide in one of my site, and everythink looks perfect but, for example if I have 5 div (slides) then there are one more appear in blank. I don't don't no if it's maybe some conflict with other jquery. I thought maybe is some difference between <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> and script src="//code.jquery.com/jquery-1.11.0.min.js"></script>

If you are not so busy tell me something.

Looking forward to hearing from you. Thanks

The slideshow is not robust at the minute, it crashes fairly easily after a number of clicks. Even the slideshow on the website.

Has the project become obsolete?

Just an FYI: the download links on your GitHub Pages site (such as the Download button on top of the example slider at the beginning of the page) are going to 404 pages right now. They probably need to be changed to the master tarbell, something like https://github.com/austenpayan/skippr/archive/master.zip.

Love what you're doing with this plugin!

as per bower registration requirements:

• There must be a valid manifest JSON in the current working directory.
• Your package should use semver Git tags.
• Your package must be available at a Git endpoint (e.g., GitHub);
• remember to push your Git tags!

can be fulfilled with:

$ git tag 1.0.0 && git push --tags

Very nice plugin. Seems to have horizontal scrollbars appearing in Internet Explorer, versions 8 thru 10. Any idea how to get around this? Keep up the good work!

Hello,

I was checking this demo in Safari 9.1.2 and the slider is acting weirdly. When i click on next arrow, it slides all images and goes blank. All other browsers are fine.

Anyone facing same issue or its just me (-_-) ?

When he has only an image to jump to next images where not own.

Sorry for bad english . hehe

Hi,

Great script, really like the look of it!

One problem I'm finding, is that in Firefox when the slider is set to autoPlay: true, the images play in the wrong order.

With 5 images I'm finding it goes 1-3-5-2-4

Is there a workaround or update due soon that will sort this. It happens in your demo too.

Thanks in advance :)

Hi there :)

First I want to thank you for this practical and light script that you share with us.

I'm facing a situation : I want to regenerate the slider that can have new slides generated on the fly and so destroy the existing slider on an element, and recreate a slider instance on the same element at the place of the first.
I cannot figure out how to do that. Is it actually an option available for this ?

Thank you, hope for more details. Keep going :)

Fred

Hello,

I like this script.
I have a suggestion, if every slide can set it's own tag and text,
that's great.
How do you think?

For some reason... I need to change the text on the slide or adding some control on the nav bar...I am wondering if there is any api to know which slide is showing...
Thanks for writing this repo!

Without the effect in speed control, slider moves outside the container very fast and shows the background.

Suppose we have only 2 slides, also we have the default setting for the slider
But, while doing sliding loop continuesly, slider moves faster and faster again.
This causes the slider moves outside the div and shows the background.

Please view the attached screenshot, we have the white background

I’ve implemented the slider on this site and it works great. The only problem is that it doesn’t work quite so well on touch devices. I’ve ran into an issue on both Safari for iPad and Firefox for Samsung Galaxy S2 where if you try to scroll with your finger on the area that the slider covers then you can’t scroll at all. It’s a bit hard to explain 😄

Has anybody else ran into this issue?

Thanks to @austenpayan for this great OSS.

inlining velocity.js feels wrong.. I mean I found skippr when I was looking for a slideshow that would leverage velocity because I was already using it elsewhere on the page. I can probably create a PR for this if you think it's worthwhile.