Category: Scripting

ImageFlow 0.9 - Highslide Version

The ImageFlow 0.9 is originally developed by Finn Rudolph. A stylish animated horizontal JavaScript carousel as the images flow perspectively and controlled by a slider. After some tweaks work, ImageFlow has been slightly hacked by Ceasar Feijen. This tweaking makes ImageFlow compatible to the Highslide JS effect.
You can now single click the centered image or double click any image in the ImageFlow and it will highslide with a preloader. Highslided image can be rearranged back inside the ImageFlow content with double click. It also possible for you to drag ‘n drop the highslided image anywhere on the website.
Sounds wonderful? Take a tour to give a try on this cool ImageFlow - Highslide JS now!

SpaceGallery - jQuery Plugin

SpaceGallery is a javascript image gallery with jQuery plugin. Whenever you’ve managed to set the parameters for this gallery, images are animated with perspective style. Almost similar to accordion image gallery, but this gallery has its minimum scale for the image in the back. So, when you click the front image, it will fade in a smooth animation and replaced with the next image.
An interesting gallery when you only have limited number of images to showcase, since this SpaceGallery is designed in one way navigation (no back and forward buttons included).
Visit the demo page to find out more and to implement this image gallery to your website if you like!

Ext JS Accordion Widget

The Ext JS is the javascript library and its InfoPanel are components that works beautifully on major browsers : Firefox, Opera and Internet Explorer.

All panels can be dragged out from the Accordion dock into independent panels. If you do not want this feature you can turn it off. You can also drag undocked panels back to the Accordion dock again.

You can configure panels to customize look and functionality for your needs, either for accordion panels or independent panels, for instances:

* shadows
* show pin
* animation,
* various modes (undockable, independent)
* more…

Both Accordion and InfoPanel expose an Application Programming Interface (API) that makes implementation of custom functions easy. Here are several examples (of many) of Ext Accordion Widget best usage for your web pages:

* Page navigation
* Tools windows
* Hidable details
* Login forms
* Options dialogs
* Sticky notes

If you think this widget would be very useful for you, please read the step by step instruction to install this great Ext Accordion Widget now!

jCarousel - Riding carousels with jQuery

jCarousel is a jQuery plugin to control a list of items in horizontal or vertical order. The project has been developed by Jan Sorgalla. Jan presents long list of carousel gallery examples as sort of possible extent of its usage. The items of the content, can be static HTML or loaded dynamically with (or without) AJAX.
jCarousel has been tested and works on major browsers.
To use the jCarousel component, you will need to include these elements inside the tag of your HTML document:

* jQuery library
* jCarousel source file
* jCarousel core stylesheet file
* jCarousel skin stylesheet file

Read more to learn how those file elements integrate wonderfully to each other.

jQuery ComboBox dropdown list

jquery.ComboBox was created by a an application developer, Ahura Mazda due to the fact that the standard Select element cannot be styled, or it is limited to what can be styled for some internet browsers, for instance: IE 6.
Even at the moment the jquery.ComboBox behaves as a dropdown list and not a full combobox since it does not currently accept text input, this technique would still allow you to set up a structure of controls.

Some supporting features:

* easy to set up
* control over style of combobox using CSS (background opacity, background color, fonts choices, borders, drop-down button image etc. )
* supports keyboard navigation
* cross-browser support (best viewed in firefox)
* different style of animation for drop-down (fade or slide animation FX)
* original Select html control is still available for access and control and reflects the user’s selection
* works the same with forms and server-side form processing, retaining the original control’s ID and updated values

The latest developed version is jQuery.ComboBox 0.1.2.7. and it is available in .zip file to see offline demo with different styles. Should be interesting to have a try!

website >> http://jquery.sanchezsalvador.com/jquery/page/jquerycombobox.aspx
demo >> http://jquery.sanchezsalvador.com/samples/example.htm

Drag & Drop Sortable Lists with JavaScript and CSS

This JavaScript is another smart way to rearrange items in a list. From a basic list of bulleted items, this code is developed with some CSS style and cursor hinting to make the dragability more obvious.
Examples of its implementation are to create:
- Sorting floated, wrapped list items.
- Sortable links or buttons
- Windows-like toolbars
- Editable Content
- Sortable, Editable Lists
- Slideshow Sorter
Getting curious? Read more for detailed instructions by visiting ToolMan DHTML Library of Sortable Lists collection to create your own dragable lists into something awe!

JonDesign’s SmoothGallery 2.0

This javascript gallery and slideshow system is designed using mootools v1.11. The new released of SmoothGallery 2.0 produces simple and smooth (cross-fading…) image galleries, slideshows, showcases and other cool stuff on your website. Although the javascript file is only 24kb, you will have fully standard compliant web pages in a lightweight solution for your website

Here come the new features
- Back and forward buttons of your browser now controls the gallery.
- History Manager allows you to send URL up there to a friend.
- Gallery Sets brings you multiple galleries on one place and switch between galleries
- Transitions between slides option as an alternative to smooth fade-in pictures.
- Included a real preloader and loads only what is needed.
- Switched to mootools 1.11
- Automatically closed the carousel when you click on an item (can be turned off).
- Customizable to what you need.
- Upgraded license to GPL v3.
- An official flickr plugin available to display your picture sets as gallery sets.

Incredibly awe! Ready to give a try? Hurry up….. Get the details by visiting the official JonDesign’s SmoothGallery 2.0 website now!

site >> http://smoothgallery.jondesign.net/what/
demo >> http://smoothgallery.jondesign.net/showcase/gallery/

Timeago - a jQuery plugin

We found a unique jQuery plugin called Timeago. It was smartly built by Ryan McGeary and allows you to display automated timestamps refresh update on your website, for instances:

* user last login timestamps (Mr. X opened this page about 5 hours ago, Thomas last seen 4 days ago, etc.)
* user status related to timestamp queries (date of born, date of registration, etc.)

First, load jQuery and the plugin, then attach it to your timestamps on DOM ready. Getting warm up for the next step? Better read the rest of installment that can be found on Timeago source page now