GithubHelp home page GithubHelp logo

devowhippit / jquery.sldr Goto Github PK

View Code? Open in Web Editor NEW
41.0 41.0 32.0 728 KB

A content slider featuring responsive slides, flexible slide widths, callbacks, and custom animation hooks.

License: MIT License

CSS 11.27% JavaScript 88.73%

jquery.sldr's Introduction

I'm a multi-disciplinary designer who has always been interested in the power of design to address complex social challenges. I use my experience to contribute to open source and equity. My enthusiasm for this work continues to grow over time. Currently, I'm working at @CodeForAmerica, helping build human-centered technology for the public. Previously, at the @CityOfNewYork with @NYCOpportunity I had the opportunity to contribute, release, and maintain 13+ open-source projects.

Other About Me's

Personal Website devonhirth.com

Freelance Website expdesign.io

LinkedIn in/devonhirth

Behance .net/devonhirth

Twitter expdsgn | devowhippit

jquery.sldr's People

Contributors

devowhippit 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

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

jquery.sldr's Issues

Unable to pause slider permanently

this is the object I'm passing in:

{
focalClass: 'focalPoint',
offset: th.width() / 2,
sldrWidth: 'responsive',
sldrCols: 1,
nextSlide: th.nextAll('.sldr-nav.next:first'),
previousSlide: th.nextAll('.sldr-nav.prev:first'),
selectors: th.nextAll('.pill-nav:first').find('li'),
// toggle : th.nextAll( '.captions:first' ).find( 'div' ),
// sldrInit : sliderInit,
sldrLoaded: sliderLoaded,
sldrStart: function () {},
sldrComplete: function () {},
sldrAuto: false,
sldrTime: 7000,
animateJquery: false,
animateJqueryTiming: 725,
animateJqueryEasing: 'easeOutQuint',
swipeDragSnapBack: true,
swipeDragDesktop: false
}

sldrAuto is set to false. On initial load, the carousel stays put, as intended. However, after a couple of manual navigations (via the arrows), the carousel begins automatically rotating again.

Rtl support

Hi sir
Is there any for support for rtl Lang?

Not compatible with bootstrap CSS

I wanted to include this slider in my bootstrap theme but it was of no use, because of bootstrap.min.css the slider doesn't take left image (last image in the queue )on loading the page.
And when I unlink the BS css file it again works perfectly.
Kindly fix this issue otherwise it is a good slider.

Breakts at 5 images

Slider seems to break when there is 5 images.
Not too badly, but on the initial load of the page, there is no image on the left hand side.

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.