Code Monkey home page Code Monkey logo

Comments (8)

straydogstudio avatar straydogstudio commented on September 24, 2024

@prashantsani Have you downloaded 0.1.15? It was released for that very problem. The TouchSwipe code was not letting click events pass through. If you do have 0.1.15 be sure to let me know (and send me a gist / repo / example if you can.)

Noel

from film_roll.

prashantsani avatar prashantsani commented on September 24, 2024

hey, Thanks for the reply!
I tried the new version, did not work
https://raw.githubusercontent.com/straydogstudio/film_roll/master/js/jquery.film_roll.min.js

I have made a code pen...
http://codepen.io/Prashantsani/pen/qEgveK

Is it something that i have to include in init object while initialising the carousel?
Thanks

from film_roll.

straydogstudio avatar straydogstudio commented on September 24, 2024

@prashantsani That particular pen didn't have any links in the divs. When I added them the links worked: http://codepen.io/straydogstudio/pen/qEgzwo

Did you have another example that still fails?

from film_roll.

prashantsani avatar prashantsani commented on September 24, 2024

Hey.Thanks for reply!
Thanks....but my requirement is different...i don't want to open any links,
Rather, I want the clicked item to come in center and become active carousel item.

for instance if i click on the 3rd carousel item, it comes in center.
I have made images for better understanding. (since github does not allow uploading images, i m sharing links from my server)

before clicking surfer image
http://prashantsani.com/Misc/github/before.png
after clicking surfer image
http://prashantsani.com/Misc/github/after.png

from film_roll.

prashantsani avatar prashantsani commented on September 24, 2024

Actually This is a client requirement!
Also, we have like 9 items for 1920 x 1080 screens , and clicking next each time is too combursome . The drag is an option but client prefers on click the item should come in center and become active.
thanks.

from film_roll.

straydogstudio avatar straydogstudio commented on September 24, 2024

Now I understand! I'm being daft. :P I see it in your first description. Sorry!

Use something like this:

   $('#carInfoSlider div.film_roll_child').on('click',function() {
     film_roll.moveToChild(this);
   });

I put it in my codepen: http://codepen.io/straydogstudio/pen/qEgzwo

from film_roll.

straydogstudio avatar straydogstudio commented on September 24, 2024

I added this to the examples section in the Readme. Let me know if this works for you.

from film_roll.

prashantsani avatar prashantsani commented on September 24, 2024

done!Closing This now :)
thanks

from film_roll.

Related Issues (20)

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.