This post is a compilation of five Scriptaculous tutorials ready to use in your projects (with source code to download) inspired to some Web 2.0 sites.
It includes: images slider Flickr-like, opacity change, drag and drop to reorder a list, fade-in effect and Edit in Place.
1. Simple images slider to create Flickr-like slideshowsA simple image slider ready to use to implement a Flickr-like slideshow.
2. Opacity change using ScriptaculousThis tutorial explains how to use Scriptaculous to implement a nice opacity change effect for a layer and its content.
3. Drag and drop to order list elements with ScriptaculousThis tutorial explains how to use Scriptaculous to implement an HTML list with drag and drop feature to reorder list elements.
4. Effect appear (fade-in) using ScriptaculousDigg-like fade-in effect which you can see when you click on the Login link on the Digg topbar.
5. Edit in place with Scriptaculous and PHPThis tutorial explains how to implement a simple Edit in Place effect (Flickr-like) using Scriptaculous and PHP
Related Content
Mootools effects compilation
Five web 2.0 CSS menu tutorials
I am Antonio Lupetti, Engineer, Pro Blogger, Mac user, Web addicted.
Rome, IT.
Sponsored Links
Share this post
Old Comments
i really love your blog site, it helps me a lot, all of your post is really a good stuff for me, so keep em coming! thumbs up
Those are all very nice effects.. maybe I should add some scriptaculous scripts to my website too...