Giter VIP home page Giter VIP logo

draggabledualviewslideshow's Introduction

Draggable Dual-View Slideshow

A draggable slideshow with two views: fullscreen and small carousel. In fullscreen view, a related content area can be viewed.

Article on Codrops

Demo

Integrate or build upon it for free in your personal or commercial projects. Don't republish, redistribute or sell "as-is".

Read more here: License

Dragdealer.js 0.9.7 by Ovidiu Cherecheș

Images by Unsplash

© Codrops 2014

draggabledualviewslideshow's People

Contributors

botelho avatar crnacura avatar itangsanjana 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  avatar  avatar  avatar  avatar  avatar  avatar  avatar

draggabledualviewslideshow's Issues

adding slides causes breakdown

Hi, first off this is a really nice slider and I'm glad I found this. I added my own slides - 22 with respective content - and found that 12 slides seems to be the magic threshold for the whole thing to sort of crash - sliding will not work anymore, the switch icon will disapear, the current slide has no highlighted title and content cannot be accessed via keyboard anymore. Any idea why this happens and what I'd have to do to fix this? thanks, Axel

Content-switch button doesn't work on Android devices

The button for the content-switch doesn't work properly on android devices (i tested it with a samsung galaxy s4, default browser). It works when switching from the slideshow to the content in the pages section, but if I tap the button again to get back to the slideshow, nothing happens...

Does someone already have a solution for that? Couldn't figure out what causes the problem...

possibly an option of making an element not draggable?

I find your project very delightful, thanks to you :) I was wondering if some code could be added to it so elements like form, input, or a class are not being dragged. That way, inputs can be focused and typed into even if they are in a form tag within the draggable div. I think this addition will allow more room for using the slideshow. Looking forward to hearing back from you!

Crashed on iPad/Mobile Devices

Hey thanks for this beautiful slider. Is there a way/ways to make this not crash on tablets and mobile phones that don't have the processing power to support the animations?

How to add buttons (prev/next) to the slider

I know this isn't really an issue but I am using this slider for a school project (instead of PowerPoint) and I need to add visible buttons to the page so that you can click next or previous (rather than the keyboard keys) and move through the slides. Is this achievable and if so how?

Any help would be hugely appreciated.

Crash on iOS Safari during launch time

Crash on launch time on iOS Safari (tested on iPhone4s, iPad 2 and iPad 3) but works well on iPhone 5.
May be the images used are too heavy for old generations of ipads and iphones.

Prevents scroll events

After adding this slider on my website, it stops all the working scroll events.

I found that the issue is with the modernizer.

So can you please help me with this?

Thank you,
Hitesh Sadhrakiya

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.