DHTML Tabs

Using Images

Basic Guidlines for Making Image Tabs

  1. All of the tabs (images) must have the same height.
  2. The images for the mouseover tab and active tab should have the same dimensions (height and width) as the default image (the image in the src attribute).

Swapping The Images

Tab images are swapped in two states: active and mouseover. The image that swapped is set in the TabParams. You must name your images with an extension for each state, e.g. "pic.gif", "picOver.gif", "picActive.gif".

You would then set the TabParams for imgOverExt and imgActiveExt, like this: 

TabParams = {
    imgOverExt : "Over",
    imgActiveExt : "Active",
    ... 
};

Next in this tutorial:

 

Tags

Archived Scripts

*AnimTree
*Tabs
*GlideMenus
*DragLib