Code Monkey home page Code Monkey logo

css3-perspective-carousel's Introduction

Hi 👋, I'm Pedro Rogério

Principal Engineer at Sami Saúde

pinceladasdaweb

  • 🔭 I’m currently working on The Next Big Thing.

  • 🌱 I’m currently learning Go and Elixir.

  • 🧠 I’m write on etcd.dev

  • 💬 Ask me about Development Tips.

  • 📫 How to reach me [email protected]

  • Do you want $200 in credits to spend however you want within 60 days at Digital Ocean? Find out more here.

After intensive training, got the following badges in LINUXtips:

pinceladasdaweb pinceladasdaweb pinceladasdaweb

Connect with me:

pinceladasdaweb pinceladasdaweb pedrorassis 3100272

css3-perspective-carousel's People

Contributors

bocarlosrosa avatar pinceladasdaweb avatar

Stargazers

 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

css3-perspective-carousel's Issues

Tab navigation ?

Great plugin, but I have an issue.
My client wants to be able to navigate through the carousel by tabbing. It is actually possible to do so, but the tabbing doesnt actually move the slides. If there are more than 3 slides, the tab focus goes to non visible elements.

To fix that, I think it would be great to give right or left class to a non visible element that receives focus.

best regards

Pagination

Hi pinceladasdaweb,
Thanks for this nice carousel. But I want to know how to add pagination in this carousel?

AMD Loader

Hello,
Where i need to put this code?
AMD Loader?
I already download AMD Plugin https://www.nuget.org/packages/RequireJS.Text/
I'm using Visual Studio 2013.

Installing 'RequireJS 2.1.6'.
Successfully installed 'RequireJS 2.1.6'.
Installing 'RequireJS.Text 2.0.7'.
Successfully installed 'RequireJS.Text 2.0.7'.
Adding 'RequireJS 2.1.6' to HalalNet.
Successfully added 'RequireJS 2.1.6' to HalalNet.
Adding 'RequireJS.Text 2.0.7' to HalalNet.
Successfully added 'RequireJS.Text 2.0.7' to HalalNet.

Which file do i need to paste this code?
require(['/path/to/carousel.min'], function(Carousel) {
Carousel.init({
target: $('.carousel')
});
});

Thanks and nice Carousel!!

white flashing?

demo looks pretty cool but whenever I click arrows to slide,
bottom of page flashes white obtrusive color.

can this be fixed?

Error on first and last element of array

There's an error when the slideshow reaches the last array if you're going right and the first array if you're going left. The right and left classes do not get added to the correct elements. I've reworked the code, see screenshot attached for a fix.

In the move carousel function, remove the reverse calculation of plus one or minus on line 72. Then on the click handler when you use the callback function, redo the calculations.

screen shot 2014-12-31 at 12 12 15 pm

Auto Start

There is no auto start carousel function?

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.