Floating images script
 

SimplytheBest
Scripts

ASP scripts
PERL scripts
PHP scripts
JavaScripts & Ajax
Snippets
Online scripts

Ajax, DHTML
& JavaScripts

Animation
Background
Bookmarks
Buttons
Calculators
Cookies
Data handling
E-mail
Enhancements
Forms
Image rotation
Menus
Messages
Miscellaneous
Music
Password protection
Redirection
Scrollers
Tables
Time & date
Windows

Publishers
Add script
Account login
Publisher list



 

Home > Scripts > DHTML scripts & JavaScripts > Animation > Floating images

 

Floating images script

AUTHOR: Virtual Max
TYPE: Freeware
BROWSERS:
IE 4+, IE 5+, IE 6+, NS 4+

A script that will float one or several images around the screen. Each image can include a URL link. It can create a very nice effect.


EXAMPLE

You should see three images floating on the page.


1)
Insert these scripts in the <HEAD> section of the page.

then copy (CTRL-C) & paste (CTRL-V)

2) Download this ZIP file with the moveobjectslib.js and unzip into the appropriate directory. The zip file includes the images we've made to help you with the script.

3) Insert the onLoad event handler inside the <BODY> tag as follows:

<body onLoad="runThemAll();", followed by other tags such as bgcolor, etc..

then copy (CTRL-C) & paste (CTRL-V)

4) Define the images, their path and the links in this section of the script:

createRandomChips(false, 
'script_files/floating_image1.gif','dhtml_scripts.html', 
'script_files/floating_image2.gif','dhtml_animation.html', 
'script_files/floating_image3.gif',null);
// set to null for images without a URL link
// You can add as many images as you like

5) Define the path to the script file in the <HEAD> section:

<script language="JavaScript" SRC="script_files/moveobjectslib.js"></script>


[BACK] [TOP]

 


Copyright © 1997-2009 SimplytheBest Inc. Terms of Use and Legal Disclaimer.
All copyrights are acknowledged. All rights reserved.