jakebellacera / jslider Goto Github PK
View Code? Open in Web Editor NEWAn advanced content slider for jQuery
An advanced content slider for jQuery
$.Jslider
should be a constructor for creating a new widget, sorta like Masonry.
Modularizing the code could allow hooks or actions bound to a jquery element to trigger a 'next' movement, a size recalculation, or append new slides to an already initialized slider using AJAX or something.
It'd work like this: $(element).jslider();
-- jslider is bound to $(element). jslider would have a series of methods that are bound to this object.
Method ideas:
gotoSlide(n, *animation)
- goes to a specific slide with optional parameter to set an animation style. Available options for n: n/"prev"/"next"start
- turns on auto modestop
- kills auto modeappendFrames([ele, *ele])
- appends frames, reinitializes the slider (generate cloned/empty elements) to accompany these new slidescalculateSizes
- recalculates the slider's dimensions manaullydelete
- frees up slider from DOM, kills timeouts and unbinds elementsActive slides aren't being set correctly
This could be useful for design
Outline all the features, do all the things!
Title says it all. If you only have one slide it shouldn't transition or start any timers.
This happens even on elements that have auto: false
.
If I want to slide vertically, I should be able to, as well as inverse
Suppose we had three frames visible at a time. Also suppose that clicking "next" made the slider move only the distance of a frame (in this case, boundaryWidth / 3
), so it'd take 3 clicks to get to the end of the slide.
visible: n
needs to set ALL of the n * current active frames' classes to active
When a user clicks on the next button repeatedly, the slider fails.
Currently, the fade transition doesn't crossfade. It fades out the current element and then fades in the element we're going to (toSlide).
Current crossfading approach:
The timer should properly reset when a user manually changes the slide
The visible option doesn't work correctly, instead it screws up the slide count (and other things).
Fluid was broken from gutterWidth, FIX IT!!!!11111oneoneoenoen
When visible > 1, slides are forced to be right next to each other. If we could have a "gutter" between frames in a slide, they could be seamlessly spaced out
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.