Basic no viewer movement control
Picture animation can be achieved a number of ways from the basic seen here to adding transition effects and popup. This basic method allows you to change images and have a single link to another page / site. This is an easy coding method that requires little skill yet it still has the effect of a more complicated piece of web coding.
The basic image rotator also allows you to rotate image of different sizes. The transition speed again can be easily be changed to increase or decrease the time it takes to display the next image. This coding works across most browser types including early versions of the key five browsers. PC’s and other devices must have java enabled
This is similar to Scrolling / Rotation images however the code allow the viewer to pause the image by using a mouse over or in this example moving back or forward to an image by clicking on the button locations below the slider. The example also shows addition popup text which can be turned off or on. Variations of this code can be used.
The animated graphics you see on this page are animated GIF files. Basically a number of images linked together using animation software and a frame time delay applied. Here only a single anchor link can be applied unlike the picture carousel.
The animated man is a GIF file added to a marquee effect commonly used to scroll text be here is way of using this dated technique in a new way.
The icon animation you can see on the page and some others use a different technic and in some cases icons are layered.
Animated gifs can be useful to draw attention to a particular area of the webpage. However as shown here it is easy to over kill their use
Not every website requires a gallery. With the instant media sharing websites of Flickr, Facebook and Twitter website galleries have become less used. However put in the right place galleries are the ideal way to show events, exhibitions, styles and designs.
Using lytebox technology Galleries can be links making the transition from one image to another seamless. Small thumb nail images can be clicked upon to show larger images making it easier for the viewer to see greater detail.