Giter Club home page Giter Club logo

jslider's People

Stargazers

 avatar  avatar  avatar  avatar

Watchers

 avatar  avatar

jslider's Issues

The timer sucks

The timer should properly reset when a user manually changes the slide

Create a better transition: 'fade' approach

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:

  1. show toSlide element underneath the already visible currentSlide element
  2. Fade out the currentSlide element which will "uncover" the toSlide element

Add gutter support

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

Frame Incrementing

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.

Modularize the plugin

$.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 mode
  • stop - kills auto mode
  • appendFrames([ele, *ele]) - appends frames, reinitializes the slider (generate cloned/empty elements) to accompany these new slides
  • calculateSizes - recalculates the slider's dimensions manaully
  • delete - frees up slider from DOM, kills timeouts and unbinds elements

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.