Dave's Web Dynamics - Effects Page

Special
Effects

Animated GIF's
You're Here Now!
Video Files

Java Applets
Text Applets #1
Text Applets #2
Text Applets #3
Game Applet #1
Game Applet #2
Game Applet #3
Game Applet #4
Image Applet #1
Image Applet #2
Image Applet #3

Javascripts
J-Scripts for Text
J-Scripts for Images

Dynamic HTML
Netscape 4
Explorer 4

Animated GIF's . . . . .

The simplest way to make your page move is with graphic files called animated gifs. You have undoubtedly seen them on pages throughout the internet. They can be very simple, or extremely complex. You should plan your page carefully so you can attain the desired effect. Too many animated gifs can be annoying to watch, much like this page is, I'm sure! I would NEVER use this many effects on a business site, the download time would be unacceptable!

It is a good idea to always list all the attributes of an image when you place it on your page. That way the browser will hold the position of the other elements on your page as it loads. Not to mention that the "alt" tag also gives a description of the graphic to those that don't use graphical browsers, and allows the description to appear in the mouseover textbox in the new version 4.x browsers. Here is the code for animated line above:

<img src="images/ranbo_ln.gif" alt="rainbow moving line" 
	width=400 height=2 border=0>

You can scale the size of the gif by changing the values of the width and height. The line below is the same gif as above, but the width is set at 300 pixels and the height is set to 6 pixels. This can be handy, but don't over use this function. The files sizes can be large and slow down your page. It is better to create the image at the correct size for your needs, or resize an image to the proper dimensions. This can be done by taking the animated gif apart, resize each frame, and then reconstruct the animation. You will need graphics programs like Alchemy Mindworks' Gif Construction Set, Adobe's Photoshop or Jasc's Paint Shop Pro. Both the Gif Construction Set and Paint Shop Pro are FREE downloads.

If you have one of the new version 4.x browsers, you'll see the the fish tank behind our swimming pet fish. If not, oh well!

Click on my logo to go
back to the Main Page!

LinkExchange Member