Top Rated Scripts | JavaScript | Scripts & Programs | Image Effects

Preloading images refers to loading images into browser cache prior to displaying them, and is used when you wish certain images to be revealed instantly when called upon (such as in a rollover effect). Use this script to preload any number of images easily.

JSviewer is a robust, highly configurable, dynamic HTML image viewer written in JavaScript. You can create a slide show with JSviewer in a matter of minutes. JSviewer was designed to be easy to use for both web masters and end users, yet have very powerful features. JSviewer supports keyboard controls for controlling slide shows. Using the keyboard, you can turn image descriptions on or off, move buttons to the top or bottom of the window, make images appear randomly, and much more.

This script allows you to set up regular text links to launch a pop-up window displaying the specified image. Supports centering of window on screen, a text description, and more.

Preload images with style, using this practical script. A live graphical bar is displayed inline on the page, updating on the progress of the preloading.

This script combines imagemaps and JavaScript to produce a message in a text box when the mouse is moved over different parts of an image. This is good if you need a more detailed description of part of an image.

Display and showcase images in a 3D, carousel fashion with this highly unique, great slideshow script. Each image can optionally be hyperlinked, with the direction of the slideshow configurable as well.

This script displays an arrow image alongside the link when you move your cursor over the link. Furthermore, the arrow blinks while the mouse is over it. Nice visual effect.

This is a jQuery image gallery with multiple categories and zom-pan image effect. It has been designed to work across all screen sizes including desktop, tablets and even smartphones. Your visitors will be able to zoom in and out with pan support.

This is a site logo/watermark script that lets you display a static image at any of the four corners of the browser, never going out of sight. It's useful for branding purposes, or to offer visitors an easy way to jump back to your site's homepage from anywhere on the page. The logo can be set to disappear after x seconds.

No framework or other 3rd part code used. Accessible. Your visitors with JavaScript disabled will still be able to use every gallery. Cross-browser. No coding needed. You may have as many slideshows on the page as are practical - there is no hard limit. Create the markup for your galleries, the code does the rest. Insert, delete or rearrange images as needed. Images may be different sizes, file types and have different paths. Any image may also be a link. Smart Start(tm) means that only one gallery rotates at a time. Smart Start(tm) activates a gallery on hover over/out, while pausing all the other galleries. Optional gallery description. Optional onmouseover caption. Optional reverse direction click box. The "title" attribute of the gallery container div contains all settings in a comma separated string. Simple, complete instructions are in a "comment" at the top of the section.

Need to show a bunch of images without cluttering up your web page? With this easy script, your visitor's can view different images at the click of a button, without loading up extra HTML pages.

The purpose of this script is twofold: To show the perceived performance enhancements of pre-cached images, and To show how to script continually rotating images. When this page loads, it automatically pre-caches four images that are immediately available in the right-hand pane. The idea here is that as long as the visitor is waiting for a page to load, all the images may as well be downloaded up front, allowing for instantaneous image access thereafter. Activating the checkbox turns on a function that continually cycles through all pre-cached images at five-second intervals.

A cross-browser JavaScript image slideshow that is easy to configure and use. This script uses previous/next button to move forward and backward. Any number of images can be used. Good utility for newcomers and beginners.

The Animator Pro product is both a DATA SHOWCASING Tool & a Data Grid. It is extremely powerful and ANIMATES & MODIFIES LIVE Grid borders, backgroundcolors, fontcolors, fontsizes, fontweights, leftborders, fonttypes, pretext,topborders, posttext, rightborders, row heights, column widths, bottomborders etc for a range of cells, rows, columns or entire grid. These animations may be STARTED, PAUSED, RESUMED or STOPPED LIVE!. Unlike other plain data grids, the product could be configured to OPTIONALLY DISPLAY or HIDE GRID COMPONENTS - header, vertical scrollers, horizontal scroller, separator, rowno, control row, datafinder, buffer. Five of these, in addition, could have their properties such as borderstyle, backgroundcolor, fontcolor etc further configured to suit corporate brand. The product has a very rich API - 35 user functions - available for the developer.The grid�s data may be manipulated or viewed through row addition, deletion, ordering, editing, viewing, searching, row and/or column selection and scrolling. All data functionalities may be effected through function calls or, in the case of data ordering, searching & selection, may also be visually done on the table. In addition, the object implements a new concept called CHOSEN (Controlled Hovering, Ordering & Selection ENgine) that enables a developer to enable or disable a range of rows or columns ability to be hovered, ordered or selected. The Live Animator Pro, though would accept unlimited number rows, performs most effectively when number of rows are kept to a minimum say 200 rows.

An image viewing script with a dynamic HTML menu to allow for easy navigation of a large collection of images. The images are grouped into categories of your choice and the navigator menu can display or hide the links to different categories. The script is completely self-contained in a single html file, to minimise code complexity. Tested in all the most popular browsers, including: IE, FireFox and Chrome.

This is the latest version of the Slide Show program that is used at WeekendClimber.Com, now for use on your own website. This version has been updated to accept either a vertically or horizontally scrolling set of thumbnail images as well as adding a description paragraph that can change based on the thumbnail that is selected. Creates a very professional looking slideshow program.

This photo gallery displays your photos as a slideshow. You have the option of advancing through the photos automatically or manually by clicking a button. In addition you have the option of adding a description for each photo.

A gallery script that displays images as an automatic slideshow that can also be explicitly played or paused by the user. A "control panel" glides into view when the user hovers over the gallery, allowing her to play, pause, or cycle through the images on demand.

This MooTools script has the ability to rotate images and text without stopping or returning to the start of the list unlike a lot of other news/image tickers around. The slider will stop while the mouse is over and resume scrolling when the mouse is not hovering over. There are 4 parts to integrate this to your website.

* Resizable and configurable through the plugin's parameters and CSS file * Multiple transitions are available * You can set a different transition per item * You can add unlimited number of images, each with customizable text description and hyperlink * Customizable text description transitions (fade, down, right, up, left, none) * You can show / hide content * Text description can be set at different location, size, text color, background color and rounded border radius * You can set text description to appear on mouseover * Different types of list navigation options available. Can use mouse move, directional buttons mouse over, or directional buttons click * Scroll bar indicator shows current list position * You can change button positions to left or right * You can change button, image area sizes from parameters and CSS * You can set to automatically play on startup with customizable timer delay