Spinning Globe version 1.3


IMPORTANT NOTE: You are allowed to use this script provided that all comments and copyright notice are left intact. This script can be used for personal, non-commercial purpose.


Getting Started

If you are using IE4.0+, you should probably see a spinning globe above this line. You can add this globe to your page too, with your own images and styles!

First of all, download the following file.

Download "globe.zip"!

Make your donations to Anime Theme! Support us!  Support Anime Theme to provide MORE scripts! Thanks!

After that, open "globe.txt" and paste the content to somewhere inside your page. Those are the codes necessary for the script to run. Then you may customize it by assigning new values to the following JavaScript variables (they can be found in the codes).


autoLoad

This variable determines the order of loading and displaying images. It can be an integer from 0 to 3(you probably never need to use 0, though). 1 means images will be loaded and mapped to the globe in order. 2 means images will be loaded and mapped to the globe in order once, and then randomly. 3 means images will be loaded and mapped to the globe randomly.

Example: var autoLoad = 2


fixedInterval

This variable determines the static time interval in seconds between two image updates. This value plus that of randomInterval forms the final time interval.

Example: var fixedInterval = 10


randomInterval

This variable determines the varing time interval in seconds between two image updates. The actual value will be determined randomly at run-time, ranging from 0 to the original value. This value plus that of fixedInterval forms the final time interval.

Example: var randomInterval = 5


DATitle

This variable determines the text content of the default image generated. It will be displayed while other images are still loading.

Example: var DATitle = "Anime Theme"


geoPath

This variable determines the path of file "sphere.x"(included in the zip). If this file is placed in the same directory as that of "da.js", assign an empty string("") to this variable.

Example: var geoPath = "/"


imgs

This variable determines what images will be used for the spinning globe. They must be assigned as a JavaScript array. Although you may use any images supported by the browser, it is recommended that you use images of small size(320x240 or below). The script will run more smoothly with small images.

Example: var imgs = new Array("/a00.jpg", "/a01.jpg", "/a02.jpg")


rotation

This variable determines the angle of rotation in degrees of the spinning globe.

Example: var rotation = -40


updateInterval

This variable determines the update interval in seconds between two animation frames. You should leave this option intact under most circumstances.

Example: var updateInterval = 0


autoStart

This variable determines whether the images will start loading immediately or after the page is loaded. It can be either true or false. Note that if images are set to load immediately(ie. true) the page will take longer to load.

Example: var autoStart = false


linkTitle

This variable determines the text displayed on the link title below the globe. It will be displayed immediately if images are set to load immediately, or after the page is loaded if images are set to load later.

Example: var linkTitle = 'Anime Theme - The World of Anime'


Remember to upload "sphere.x", "da.js" and ALL necessary images to your server also. You are always recommended to test your page before sending it online. If you still have problems, email me. Please include the file you are working on in your email.

Still have questions? Check out DHTML Forum!


Return to Dynamic HTML Resource Center