SiteExperts.com Logo Home | Community | Developer's Paradise | Jobs
User Groups | Site Tools | Site Information | Search

Inside Technique : Back to Basics with Images
By Scott Isaacs

Our Back to Basics articles are introductory articles intended to provide you with a brief, focused introduction to a specific topic.

In this article we show you how to effectively use and manipulate the image element. The image element is widely used to improve the look and feel of your web-site. However, when used incorrectly, the image element can also be the leading cause of poor performance when loading your page. By the end of this article, you will learn the following:

  1. How to effectively use the Image Tag
  2. Access the Image Tag from Script
  3. Write rollover effects for the image tag
  4. Write an Image pre-loader to improve performance

We will start with a quick introduction on using the IMG tag for adding images to your web-page. While we expect most of you to be familiar with the IMG tag, many authors fail to use extremely simple techniques that can make your pages load faster and your images more friendly.

Page 1:Back to Basics with Images
Page 2:The Image Tag
Page 3:Images as Links
Page 4:Scripting Images
Page 5:Pre-loading Images
Page 6:Building Rollover Effects