Website Administered by: Michael Falatine (remove "1" from end when emailing)
Released: 12/27/2004
Version History:
(1/24/2005) Version 1.1: Fix added to accommodate IE resize window problem

(1/04/2005) Version 1.0: Initial Release

Basic Description:

Embeds an image viewer (clickable thumbnails) requiring NO code changes to the webpage .  Script allows for right and left scrolling of thumbnails that when clicked opens an auto-resized window for full image view.  MANY setup controls available (colors, borders, size, placement in page).  Setup controls are contained in one easy to use setup file.

Tested in: Firefox BrowserFirefox, Internet Explorer BrowserInternet Explorer, Netscape BrowserNetscape, Opera BrowserOpera
(runs in most latest DOM Compliant browsers)

*To report any bugs you may find please feel free to leave a comment below.  They will be answered in a timely manner.

Detailed Features: (This information is also included in the installation file named "StartHere.htm".)

  • Script auto-builds all of the elements required for displaying the viewer (NO HTML or additional JavaScript code required)
  • Installation is VERY easy:
    • Upload thumbnails and full sized images into respective folders
    • Open ONE file to setup script:
      • Change setup controls (colors, borders, size, placement in page)
      • Enter filenames of images
    • Only requires link to two files in <HEAD> of webpage
  • Image Scroll features
    • Scrolls right or left when user clicks respective arrow
    • Images repeat if scroll is at "end" in either direction
    • No limitations on the number of images
    • Auto-detects number of images
  • Popup Window features:
    • Click thumbnail to open an auto-resized popup window containing full sized image
    • Auto-detection for "out of screen" view.  Script will readjust popped window into view
    • Popup window opens next to image
    • Click full sized image to close popup window feature
    • If popup window hides window will be refocused when user clicks another image
    • Images are preloaded for load efficiency
Demonstration of Code:
Blue | Black | White | Red
Code considerations:
 
Get the Code:
Download the .zip file containing everything here (includes everything required for the 4 examples provided)
Top of Page

Valid HTML 4.01!

Views: 75916

Valid CSS!