Comments on: Scriptaculous slider trick http://blog.amnuts.com/2007/06/14/scriptaculous-slider-trick/ php projects, javascript, and... stuff. Fri, 27 Jan 2012 21:01:01 +0000 hourly 1 http://wordpress.org/?v=3.3.1 By: Andy http://blog.amnuts.com/2007/06/14/scriptaculous-slider-trick/comment-page-1/#comment-4538 Andy Fri, 27 Jan 2012 21:01:01 +0000 http://blog.amnuts.com/2007/06/14/scriptaculous-slider-trick/#comment-4538 OK, I forgot that if it works on an iPhone it'd work on an iPad, and I also forgot that I borrowed work's iPad the other day and still have it.... I'm tired, give me a break! ;-) It's actually really easy to make it work with the touch interface - as you'll be able to see on http://dev.amnuts.com/slider/ - I updated that it works perfectly on the iPad, iPhone and also my Android-based phone. All you have to do is make the adjustments to scriptaculous' slider.js file that are shown here: https://github.com/w3news/scriptaculous/commit/6031ed46b87aeca837d5ca5ee33ddfbca4c6fd46 and that's it! A few minutes work to implement the new lines and change the ones that you need to and touch-dragging goodness is yours. :-) OK, I forgot that if it works on an iPhone it’d work on an iPad, and I also forgot that I borrowed work’s iPad the other day and still have it…. I’m tired, give me a break! ;-)

It’s actually really easy to make it work with the touch interface – as you’ll be able to see on http://dev.amnuts.com/slider/ – I updated that it works perfectly on the iPad, iPhone and also my Android-based phone.

All you have to do is make the adjustments to scriptaculous’ slider.js file that are shown here:

https://github.com/w3news/scriptaculous/commit/6031ed46b87aeca837d5ca5ee33ddfbca4c6fd46

and that’s it! A few minutes work to implement the new lines and change the ones that you need to and touch-dragging goodness is yours. :-)

]]> By: Andy http://blog.amnuts.com/2007/06/14/scriptaculous-slider-trick/comment-page-1/#comment-4537 Andy Fri, 27 Jan 2012 20:44:44 +0000 http://blog.amnuts.com/2007/06/14/scriptaculous-slider-trick/#comment-4537 I have to admit that it's been a very long time since I've used scriptaculous, preferring these days to use jQuery, and I don't own an iPad, either... So what I'm pretty much trying to tell you is that I don't have a clue! Anyone else out there happen to have tried it on an iPad and got it working? I have to admit that it’s been a very long time since I’ve used scriptaculous, preferring these days to use jQuery, and I don’t own an iPad, either… So what I’m pretty much trying to tell you is that I don’t have a clue! Anyone else out there happen to have tried it on an iPad and got it working?

]]> By: zechad http://blog.amnuts.com/2007/06/14/scriptaculous-slider-trick/comment-page-1/#comment-4523 zechad Fri, 27 Jan 2012 17:01:32 +0000 http://blog.amnuts.com/2007/06/14/scriptaculous-slider-trick/#comment-4523 Hey this is cool and just what i need but how can i make this work for a touch device like ipad? Hey this is cool and just what i need but how can i make this work for a touch device like ipad?

]]> By: Scriptaculous slider trick | Ajaxmint - Endless Ajax samples on jQuery, MooTools, ExtJS, Dojo, Prototype and PHP http://blog.amnuts.com/2007/06/14/scriptaculous-slider-trick/comment-page-1/#comment-75 Scriptaculous slider trick | Ajaxmint - Endless Ajax samples on jQuery, MooTools, ExtJS, Dojo, Prototype and PHP Fri, 11 Dec 2009 05:08:52 +0000 http://blog.amnuts.com/2007/06/14/scriptaculous-slider-trick/#comment-75 [...] Tutorial  Posted in ajax | Tags: color slide, gripper, Scriptaculous, slide, slider « [...] [...] Tutorial  Posted in ajax | Tags: color slide, gripper, Scriptaculous, slide, slider « [...]

]]> By: Andy http://blog.amnuts.com/2007/06/14/scriptaculous-slider-trick/comment-page-1/#comment-63 Andy Sat, 18 Jul 2009 18:44:41 +0000 http://blog.amnuts.com/2007/06/14/scriptaculous-slider-trick/#comment-63 dk; It does work under FF 3.5 - did you also get prototype and scriptaculous? You need those two js libraries for the slider to work. Check out the demo here: http://dev.amnuts.com/slider/ dk; It does work under FF 3.5 – did you also get prototype and scriptaculous? You need those two js libraries for the slider to work. Check out the demo here:

http://dev.amnuts.com/slider/

]]> By: shakti http://blog.amnuts.com/2007/06/14/scriptaculous-slider-trick/comment-page-1/#comment-62 shakti Thu, 09 Jul 2009 10:24:48 +0000 http://blog.amnuts.com/2007/06/14/scriptaculous-slider-trick/#comment-62 I used this your code and it was really helpful. What I just need to do more on it is, make it stepped such that the slider stops on predefined intervals. How can i do this. I would appreciate your help I used this your code and it was really helpful. What I just need to do more on it is, make it stepped such that the slider stops on predefined intervals. How can i do this. I would appreciate your help

]]> By: dk http://blog.amnuts.com/2007/06/14/scriptaculous-slider-trick/comment-page-1/#comment-60 dk Fri, 26 Jun 2009 17:40:18 +0000 http://blog.amnuts.com/2007/06/14/scriptaculous-slider-trick/#comment-60 Very, nice. But I can't get it to work on any of my browsers (FF3, gChrome, etc.) I get a "Control is not defined -- on Line 26 of index.html)" showing up on my FF Error Console. I simply copy and pasted everything from your web page and followed your directory structures. Any thoughts on what is causing this error? Very, nice. But I can’t get it to work on any of my browsers (FF3, gChrome, etc.) I get a “Control is not defined — on Line 26 of index.html)” showing up on my FF Error Console. I simply copy and pasted everything from your web page and followed your directory structures. Any thoughts on what is causing this error?

]]> By: sunadumari http://blog.amnuts.com/2007/06/14/scriptaculous-slider-trick/comment-page-1/#comment-58 sunadumari Mon, 13 Apr 2009 17:28:40 +0000 http://blog.amnuts.com/2007/06/14/scriptaculous-slider-trick/#comment-58 Hi, is there a way to get the whole package as a download? Thanx! Hi, is there a way to get the whole package as a download?
Thanx!

]]> By: Beautiful Scriptaculous Slider | Greepit.com - A Handsome Design Blog http://blog.amnuts.com/2007/06/14/scriptaculous-slider-trick/comment-page-1/#comment-52 Beautiful Scriptaculous Slider | Greepit.com - A Handsome Design Blog Tue, 27 Jan 2009 04:43:29 +0000 http://blog.amnuts.com/2007/06/14/scriptaculous-slider-trick/#comment-52 [...] Website: http://blog.amnuts.com/2007/06/14/scriptaculous-slider-trick/ [...] [...] Website: http://blog.amnuts.com/2007/06/14/scriptaculous-slider-trick/ [...]

]]> By: johnny590 http://blog.amnuts.com/2007/06/14/scriptaculous-slider-trick/comment-page-1/#comment-51 johnny590 Mon, 26 Jan 2009 16:20:30 +0000 http://blog.amnuts.com/2007/06/14/scriptaculous-slider-trick/#comment-51 Thanks Andy. Very good job on the visual. One problem I am having though is when going from horizontal to vertical I can not get 0% to be at the bottom and 100% to be at the top. Could you instruct me on how to achieve this? Thanks Thanks Andy. Very good job on the visual. One problem I am having though is when going from horizontal to vertical I can not get 0% to be at the bottom and 100% to be at the top. Could you instruct me on how to achieve this?
Thanks

]]>