Software
Java
JavaScript
Delphi
HomeJavascript

JavaScript: Images and Slideshows

Images and Slideshows
2-Way Background Images SlideShow
This script runs an image slideshow in the *background* of the page, underneath the page content. In the first method, the images are discretely positionable in the page space, just like a regular slideshow. In the second method, the slideshow runs with full page-space presentation. An easy install.
.
Access Image URL to TextBox
When an image is clicked, this script will show the image URL in a textbox. Useful for cases where you want others to be able to copy the image address easily for linking... such as for banners, logo graphics, etc. A single instance of the script can be attached to any number of images in the page.
.
Active Image Resizing With Drag
This script allows you to resize one or more images on a page by clicking and dragging on the image(s). A single left-click will also reset the image to a default size. Any number of images may be used.
.
Active Tri-State Roll-Over Images on Form Submit and Reset
Dump the ugly 'gray button' Reset and Submit on forms -- this script shows how to use active tri-state roll-over images, instead. A quick-take tutorial is included, along with images and notes on using styles with form elements for a flashier look and feel.
.
Adding A Background Image To A TextArea
Quick, easy way to add an image to the background of a textarea... a great way to dress up an otherwise bland browser page. Stunning effect!
.
Advanced Push-Button Slide Show with Captions & Cross-Fade
A push-button controlled slide show with image captions and fader-effect image transitions. Cross-browser [NS4-7, IE-4&up] cut-and-paste script presents images in a slide show format, controlled by back, home, and forward buttons. Any number of images and captions can be used. Great for JavaScript newcomers, but a solid utility script, too. A download kit of the complete code and images is also available, free, on the site.
.
Advanced Slide Show with Captions & Cross-Fade
Slide show with image captions and fader-effect image transitions. Easy, short, cross-browser cut-and-paste script presents images in a continuous slide show format with accompanying captions. Any number of images and captions can be used, and timing is adjustable. Great for JavaScript newcomers, but a solid utility script, too.
.
Amazing Draggable Slide Show
This script implements a draggable slideshow that can be used much like a popup window, but without the usual focus problems popups imply. Simple controls to show or hide the slideshow are also included, and any number of images can be used. IE browsers show a cross-fade effect between images in the sequence. Compatible with NS4-7 & IE.
.
Auto-Sizing Image Popup Window Script
Use this script to launch a popup window that automatically loads an image and resizes itself to fit neatly around that image. The script also places a title you set in the titlebar of the popup window. Any number of images can be launched from a single instance of the script.
.
Background Image-Change on MouseOver or Link
Use this script to change the background image used by the page, from a clicked link or on mouseOver. Any number of images can be used. Shows how to attach to a regular (clicked) link, or how to activate the background image change on a mouseOver. Easy.
.
Background Image Scroller
Use this script for to create a stunning page effect by scrolling the background image underneath your page content. Includes variable scroll speed, and is very simple to install.  Also see the horizontal version, here.

.
Basic Cross-Browser JavaScript SlideShow
Works on NS3-6, IE-4-6.  Any number of images can be used, and timing is adjustable.  Very easy to set up and use.
.
Changing TextArea Background Images on MouseOver
Use this script to apply a background image to a textarea, and change the image on mouseover. The script can also change the text color in response to the mouseover event. An eye-catching effect, and a very easy install.
.
Dirt-Simple Four-State Mouse-Interactive Image Buttons
Four-state image buttons -- with no multiple images, and no JavaScript?  Darned close!  Plug in a simple style script, attach a few mouse events, and bang -- instant action buttons even most power scripters would sweat to do.  Easy sailing, even for newcomers.
.
Disabling The MyImage Toolbar in IE6+
IE6+ incorporates a new feature called the MyImage Toolbar, which, if enabled on Tools > Internet Options > Advanced > Enable Image Toolbar, provides the user with a popup menu over images that allows the user to instantly save, print, or email any image in a page. This technical note shows how to disable or enable this feature.
.
Dynamic JavaScript SlideShow [Has Image Cross-Fade Transitions]
Works on NS3-6, IE-4-6.  Any number of images can be used, and timing is adjustable.  In IE browsers, a cross-fade effect occurs between images.  Very easy to set up and use.
.
Floating Transparent SlideShow
This script creates a floating layer, within which is a sophisticated automatic slide show (including fade transitions) that cycles through the images that you specify. The slideshow layer can be positioned anywhere on the screen, and it will float to that position whenever the window is scrolled. If transparent .gif images are used, the slideshow will run transparently over the page content.
.
Instant Image Zooming - Attach to Any Image
This easy zoom-in/zoom-out script can be attached to any image in your page. The image size will toggle between two sizes you set whenever the image is clicked. The function can be attached to as many images in the page as you wish.
.
Copyright 2001 - 2012 by CodeFoot.com and OECCorp.
The 2012 Evolution™


LegalPrivacyCodeFoot.com is an OEC InterNET Group site.SupportNotices
CodeBrain.com BrainCode.com CodeFoot.com CodeBelly.com CodeLifter.com
PopUpWorks.com Droiddd.com etLux.com OECCorp.com
TrayApps.com DavidSosnowski.com MicroTicker.com