Giter VIP home page Giter VIP logo

tinycarousel's Introduction

** HELP MAINTAINER NEEDED!! **

What you need to build your own version of tinycarousel

In order to build tinycarousel, you need to have Node.js/npm, and git 1.7 or later installed.

How to build your own tinycarousel

First, clone a copy of the main tinycarousel git repo by running:

git clone git://github.com/wieringen/tinycarousel.git

Install the grunt-cli package so that you will have the correct version of grunt available from any project that needs it. This should be done as a global install:

npm install -g grunt-cli

Enter the tinycarousel directory and install the Node dependencies, this time without specifying a global install:

cd tinycarousel && npm install

Make sure you have grunt installed by testing:

grunt -version

Then, to get a complete, minified (w/ Uglify.js), linted (w/ JSHint) version of tinycarousel, type the following:

grunt

The built version of tinycarousel will be put in the dist/ subdirectory, along with the minified copy and associated map file.

Questions?

If you have any questions, please feel free to email me.

tinycarousel's People

Contributors

gregrickaby avatar keyoke avatar racefpv avatar wieringen 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

tinycarousel's Issues

(Re)activation of prev button

I have a simple carousel with 2 visible items: $carousel.tinycarousel({ infinite: false, animationTime: 400 });

Initially the .prev button is disabled so I can only go from slide 1 to 2 etc...

  • When I proceed to slide 2, the .prev is enabled correctly (.disable is removed)
    However, I can not click on it to go back to slide 1…

So slide 2 is the first slide. I can't go back to 1.
Going to slide 3 I can go back to 2, so from there it works normally..

It works correctly on the last slide: when I reach the end .next is disabled. Going 1 slide back .next is re-enabled again correctly and I can go to the last slide.

My gut-feeling is that the infinite funcitonality is a bit buggy. Maybe there's some index bug (difference between 0-based or 1-based index?)

mirrored items visible

If carousel is wider than all the items you can see the mirrored item.
Also if infinite is false is the mirrored item needed?

Mirrored items Selection

When i navigate through lets say 10 items and from 11th item it starts to show mirrored items in the carousel. I have two buttons (Left & Right) to navigate one item left or right in the carousel. As i go through i show a border around the item to show that it is selected. But once list is navigated one time through all the items, the border can not be displayed as mirrored items start. How can i know the index of the mirrored items as well to show border around them as well.

Start option not working

$('#carousel').tinycarousel({start: 3}); does not have any effect on the starting slide.

Solution on line 80 in this.update() method

slideCurrent= self.options.start || 0;

must be

self.slideCurrent= self.options.start || 0;

Safari Buttons

I'm having a problem using the slider on Safari (both Mac and PC).
Using it with: infinite: false,
Both control buttrons (prev and next) appear with "disable" class.

Last item cropped with infinite: false

Hi,

I think the last item is cropped when infinite is set to false. The provided example has the same behaviour. Tested on Iceweasel 24.4.
Is there something particular that must be done in css/js for this mode ?

thank you for the nice feature anyway.

Module is not defined when jQuery has been already loaded

In line 5

define(jQuery || ['jquery'], factory);

When jQuery has been already loaded by another module, jQuery is truthy and (jQuery || ['jquery'] === jQuery), the above line equals

define(jQuery, factory);

so it fails to define the module

Preventing event propagation

I was adding google analytics via a document listener and adding classes to elements I wanted tracked. I noticed I wasn't getting any action from tiny carousel and it is because on the 3 events (crumb click, prev, and next) TC is returning false. I think the original intent was to prevent links from being followed, in which case using preventDefault should do the trick. Thoughts?

Is this plugin actively worked on?

Hey Maarten, thank you for your work!
I was looking for a very simple and light-weight carousel and tinycarousel seems to fit the bill quite nicely.

However: I've found some bugs and have some questions. I was checking out these issues and your Twitter stream and it seems awfully quiet around here: there are 2 pull requests waiting and a couple of older bugs. Nonetheless you've published tinycarousel on NPM just 3 months ago…

Honest question: have you abandoned this plugin?

Don't get me wrong: you have every right to abandon it! We are in no way entitled to you maintaining it. However: if you've decided to abandon it it might be helpful to mention so on Github and your site.

If not: is there anything we can do to help you?

Lazy Image Load

I am new to using github and stuff but I wanna point to you very weird problem that I just noticed few days earlier if u click the right side button after 1 second interval and when you run out of images it'll leave a blank space for some reason i've seen this feature with lazy load carousels but Idk it's happening here?

I have a screenshot of it

capture

You can also check it out : http://www.outerrealmdesign.com/abhi/products.html

Maintainer?

Hi! Are you still looking for a maintainer?

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.