JavaScript Categories   
[audio, music effects]   [ button and links]
[ clock, calendars, and timers]   [ image effects, slideshow and galleries]
[message]   [ navigation]  [ page details]  [ status bar effects
[text effects and scrolls]  [ user detail and browser info]   [ windows, remotes, frames]

 

Button Change on Click
  Changes an image when clicked on, cool for action i.e. button-then pushed button

 

 

 

Changes Images
  This is cool. It will put or change a picture beside your link when the user touches it

 

 

 

Image Change on Mouse Over
  This will make new images pop up when the user places the mouse over them

 

 

 

Image Form
  This will create a form where you can have images as the SUBMIT and RESET buttons. The Reset button will not work in IE

 

 

 

Mouse Over Image links
  Start of Change Two Images on MouseOver

 

 

 

Random Image Load
  Place script where you want image to appear. Replace the image names with your own. You cam also add images by pasting another line of ccPics Just make sure to keep the numbers sequential

 

 

 

Random Ad Space
  Produces a randomly generated graphic to use as ad or cool effect

 

 

 

Random Background
  Show random Background some times go to page

 

 

 

Site Logo
  Site logo script

 

 

 

Rotating Images
  Display several images one after the other

 

 

 

Popup Image
  Popup image script

 

 

 

Keyboard Slider
  Move images and objects across the screen by simply using keys from the keyboard

 

 

 

Highlight Image
  Highlight image script

 

 

 

Gradual Highlight Image
  Gradual highlight image script

 

 

 

HTML Scroller
  Scroll html elements within a DIV tag

 

 

 

Dynamic Image selector
  Dynamic image selector script

 

 

 

Conveyor Belt Slideshow
  Conveyor belt Slideshow script

 

 

 

Bouncing Image
  Click anywhere on the page an image will drop from the cursor and rebound ...

 

 

 

Animated Image
  An image hovers around the background of the page

 

 

 

Background Scroller
  The background image is actually scrolled on the page

 

 

 

Blending Image Slideshow
  Blending image Slideshow script

 

 

 

Drag and drop Images
  Drag and drop images script, Move a Plane if your browser can handle it

 

 

 

Highlight
  Now make links out of TEXT or IMAGES that automatically change border or background color when you place the mouse over them

 

 

 

Dynamic Sized Image
  Sometimes, your image does not look very good in different sized browser windows. This script will proportionally resize a graphic to fit within the current window or frame when a page is loaded, thus giving a more consistent and attractive look to your page

 

 

 

Image Load
  Notifies the user is an image on your site fails to load properly or if it is aborted when loading. Definitely an excellent example of the onAbort and onError image event handlers in use

 

 

 

Image Sized Window
  Sizes a new popup window to the exact dimensions of the image in that window. Sweet!

 

 

 

Layering tow Images
  2 pictures that layer on top of each other. A neat effect with the same picture,one black & white and the other color. Netscape loads the second one first

 

 

 

Dynamic Alpha Filter
  In this example, an interactive step is added to the previous television caption example, so that the caption displays only when the mouse pointer is over the inline image

 

 

 

Transition Fade
  Transitions are time-varying filters that affect how a change of content is displayed. One example is changing the src attribute of an image to display a new image on-screen. A transition provides an animated effect to display the new image. You can also apply transitions to make an object fade in or fade out by changing the visibility property

 

 

 

Transition Sample
  The following example shows a simple transition between two images. Clicking the button runs the doTrans script, which calls the apply method on the Blinds transition to stop painting the image. The script then sets an alternative image and calls the play method on the filter to proceed with the transition. In this case, the Blinds transition is applied using an inline style on the object

 

 

 

Fading Image
  fading image script!

 

 

 

Image Previewer
  Previewed All Image Gallery.

 

 

 

Image Slideshow
  Display your images on your site in a new window in a slideshow fasion.

 

 

 

Fading Image
  fading image script!