Dhtml. Photo Album script v2.0. Mar 11th, 07': Updated to v2.0, which adds support for multiple albums on the same page, ability to run custom code when an image is clicked on. Description: Photo Album script is ideal for displaying multiple images at once, with links to cycle through additional batches of images. But that's just the beginning. Here are some highlights: Customize the album's dimensions as desired, such as 3 by 2 images, 4 by 5 images etc. Now go show off your photo album! Demo Directions Step 1: Add the following CSS to the <head> section of your page: Since the script references an external .js file, you need to download the below: photogallery.js (right click, and select "Save As") Step 2: Add the below code to the <BODY> section of your page where you wish the photo album to appear: All configurations to the script is done inside the code of Step 2.
//Define your own array to hold the photo album images //Syntax: ["path_to_thumbnail", "opt_image_title", "opt_destinationurl", "opt_linktarget"] Animated Collapsible DIV v2.4. July 3rd 09': Updated to v2.4, which supports a new set of "rel" and data-image" attributes you can insert into arbitrary links to quickly create link or image link togglers. Description: This script collapses any DIV on the page and lets users manually toggle its appearance via a smooth "Web 2.0 style" animation. It's a popular effect on many social networking/ comment sites. Three distinguishing features of this script are: Ability for the script to work on both DIVs that have an explicit CSS height attribute defined, and without.
Ability to "group" multiple collapsible content instances to act as a single unit, so opening one closes the others. Persistence can be enabled on each collapsible content individually that will remember if the DIV has been expanded, and upon the user's return to the page within the same browser session, keep it expanded. Have fun sliding content up and down! Demos: Directions: Step 1: Insert the following code in the HEAD section of your page Setup Information. FOR Loop Example. JavaScript.com (TM) - The Definitive JavaScript Resource: JavaScript Tutorials, Free Java Scripts, Source Code and Other Scripting Resources.