Giter VIP home page Giter VIP logo

simple-jquery-slider's People

Contributors

dirkgroenen avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

simple-jquery-slider's Issues

smartphones overlaping problem

Hi, thanks for your script.....

when displayed on smatphone (lg p970) second slide overlap the current one....

sample include

thanks

lodigro
smartphone_error

Auto advance ?!?

Ok, so maybe I'm just being stupid here, but how do I get the slides to advance automatically ?!?
I've looked thru the doc's and it seems as if advancing automatically is the default, however I noticed the demo site at http://simpleslider.bitlabsbeta.nl/ doesn't auto-advance nor does the demo included in the downloaded zip file..
I've noticed the demo in the zip file I've downloaded is different than the demo you've got posted online, and I don't know if my copy is older or newer than what you've got posted - my demo is at http://riverside.bellanet.com/demo and I'm not finding the file touchSwipe.js file anywhere to download. It's referenced on the second slide of my demo.

Regards,
WJ Gibson

Move slide wrapper instead of each slide

At the moment the slider moves each slide individually. This sometimes results in a slight gap between the slides when animating.

To prevent this little gap the plugin should wrap all slides and only move the wrapper, instead of each individual slide.

HTML 5

It seems it doesn't work with HTML 5, I had tu use HTML 4.

Image not showing for slider

Hi, I am using this slider as part of JConnecto template. The slider is showing the first slide perfectly. However, for slides 2 and 3, the background image is only shown in the transition in a flash, and the second and third slide only show the background color (essentially with no content). You can visit provifilms.com to see the problem. Can you please help me? Thank you.

Browser Resize Issue - Current slide navigates on first one

hi,

thank you very much for your slider,

i guess there is issue - for example on your demo, if you are on 4-th slide, while resizing browser, current slide image navigates to "first slide image", and captions also, whole slide navigates to first one .. how to stop it?

i have tested, if not loading transit.js - then it works well, dont slides to first slide item.

thank you very much,
Federico

Never ending carousel

It would be great to have to option to make it cycle endlessly, for example if i click next when it reaches the end of the carousel instead of sliding all the way back first slide just keep sliding in the same direction.

Thanks!
Tim

Continuous Capability?

Hi Dirk,
I was trying to figure out a way to make the animated transitions not stop on each slide, but to just slide through each image continuously.

  • If I set the animateDuration to 4sec and the interval to 4sec (and animationEasing to linear?)there's a pause.
  • If I set the animateDuration to 4sec and the interval to 0sec everything jitters.

Is there a practical way to do this?
Thanks for any pointers!

parallax effect

Hello,
Is it possible add to slider parallax scroll effect? like parallax.js
Regards

On "fade" transition - while of slider load - first slide caption is untouchable

hi again,

i think there is issue while on "fade" transition - when slider loads, first slide elements, i mean caption and button in it, is untouchable. But if we slide to second one and then back to first one, then it works.
problem is that when when slider loads, first slide is pushed back to other slides.

i noticed that when we slide, current slide applies "display:block" style, and to other ones "display:none" - thats why it works on second slide.

its not a big issue - i can solve it simple from outside plugin:
$(".slide:first-child").show();
$(".slide").not(':first').hide();

is there any event when slider loads (on first load of slider or slide)?

thank you very much again,
Federico

NeverEnding not behaving

Hi Dirk,

I've just implemented your jQuery slider, nice work.

One problem with the neverEnding setting. I've implemented a previous arrow and a next arrow and I have 3 slides. Every time you click the next arrow and wait till the sliding transition has ended before you click another time on the next arrow, it goes to the next slides perfectly and loops "never ending".

However, if you click the next arrow, and during the slide transition you click another time, then at the final slide the slides slide back (sliding left instead of right) to the first slide as if the neverEnding setting was set to false. It doesn't loop anymore.

My code:

$('#slider').simpleSlider({
        slides: '.slide',
        slideOnInterval: false,
        magneticSwipe: false,
        slideTracker: false,
        //neverEnding: false
    });
    slider = $('#slider').data("simpleslider");
    $('.control_next').click( function() {
        slider.nextSlide(); // Go to the next slide
    });
    $('.control_prev').click( function() {
        slider.prevSlide(); // Go to the previous slide
    });

leaving out a slide from touchswipe

as far as i can see there is not an option to leave out a slide from touchswipe.
you either have it enabled for all pages(slides) or none.

Scroll Down

Hi, can you help me?
In mobile browser, the page don't scroll down.
Thanks.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.