Hot!Ajax

By:http://vikjavev.no/highslide/

Highslide JS is an open source JavaScript software, offering a Web 2.0 approach to popup windows. It streamlines the use of thumbnail images and HTML popups on web pages. The library offers these features and advantages:

• No plugins like Flash or Java required.
• Popup blockers are no problem. The content expands within the active browser window.
• Single click. After opening the image or HTML popup, the user can scroll further down or leave the page without closing it.
• Compatibility and safe fallback. If the user has disabled JavaScript or the JavaScript fails in any way, the browser redirects directly to the image itself or to a fallback HTML page. This fallback is able to cope with most exceptions and incompatibilities.

If you want to use Highslide for a personal website, a school site, your family's photo album or a non-profit organisation,you don't need the author's permission, just go on and use Highslide.

Download:hightslide.zip

DOME:

• http://vikjavev.no/highslide/
• White 10px border and drop shadow
• Drop shadow and no border
• White outline with rounded corners
• Dark design with outer glow
• No graphic outline
• Slideshow with controls in a shared caption
• Slideshow with individual captions and a controlbar using custom overlay
• Inline content
• AJAX content
• Iframed content
• Flash content

Compatibility - tested with:

IE 7 Beta	Works
IE 6	Works
IE 5.5	Works
IE 5.0	Works
IE 4.0	Falls back nicely
Firefox 1.5	Works
Opera 8.5	Works
Netscape 7.2	Works
Netscape 4.79	Falls back nicely
Safari 2.0 on Mac	Works
Konqueror 3.5	Works

Installation

1. Download and extract the zip-archive from below.
2. Run the file index.html, identify you favourite setup and view the source.
3. Change the file to suit your needs, or copy and paste parts of it into your HTML file. If you mess it up, go back to the original file and change it bit by bit. Study the documentation below for advanced features.
4. If you move the Highslide JS files, remember to change all the url references in your CSS file, as well as the graphicsDir setting in the Javascript.

< Prev		Next >