dirkgroenen / simple-jquery-slider Goto Github PK
View Code? Open in Web Editor NEWSimple jQuery CSS3 slider. Simple to use and supports every browser! (IE7+)
Home Page: http://simpleslider.bitlabsbeta.nl/
License: MIT License
Simple jQuery CSS3 slider. Simple to use and supports every browser! (IE7+)
Home Page: http://simpleslider.bitlabsbeta.nl/
License: MIT License
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
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.
Can I change the transition between different slides to use fadeIn and fadeOut effects? PS, it's a great work, love to use it in my website.
It seems it doesn't work with HTML 5, I had tu use HTML 4.
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.
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
Turns out that the touchmove event isn't working on a Galaxy device with Android 4.x. At the moment this can be solved by suppressing the touchmove event using the event.preventDefault()
method.
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
Hello sir,
first of all thank you fro great script & easy to undestand,
now i want to know , how can i add function that nextslider call by id
like example i am in first slider & i want to call forth slider.
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.
Is there a practical way to do this?
Thanks for any pointers!
Hello,
Is it possible add to slider parallax scroll effect? like parallax.js
Regards
i need to refresh slider when resize window ? how
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
Tried looking for this repo, but the bower search doesn't seem to find this repo.
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
});
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.
Hi, can you help me?
In mobile browser, the page don't scroll down.
Thanks.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.