wml::des::rollover(3)						     EN Tools						     wml::des::rollover(3)

NAME

       wml::des::rollover - RollOver-Style Image-Button

SYNOPSIS

	#use wml::des::rollover

	<rollover [attributes]>

DESCRIPTION

       One of the most interesting trick to make a webpage more interactive is the so-called rollover effect commonly known from window system
       GUIs. The idea is simply to change the underlaying image when the mouse rolls over it.  Additionally when a mouse click occurs over the
       image it acts like a button and jumps to a new URL.

       Although there are more then one way to achieve this optical effect, to use the client-side scripting-language JavaScript currently is the
       best solution. But here only those variants can be used which provide the "image" object.  Netscape version 3 and 4 and Internet Explorer 4
       support this. But the generated code of this "<rollover>" tag is backward-compatible with all types of browsers.

ATTRIBUTES

       name
	   The name of the image. Just for internal usage to bind the correct image objects to the image tag.

       src The normal image which is displayed when the mouse is not over the image.

       oversrc
	   The image which is displayed when the mouse is over the image.

       href
	   The URL for the hyperlink which gets activated when the mouse clicks into the image.

       alt This string is displayed in text-only browsers or browsers which have images disabled at the place where the image stays. Additionally
	   it is displayed in the browsers status line when the mouse is over the image.

       target
	   This sets the "target" attribute for the surrounding anchor ("<a>") tag. Use this for redirecting the hyperlink to different target
	   area, i.e.  usually when using frames or multiple windows.

       :a:ATTR=STR :img:ATTR=STR
	   The ``ATTR=STR'' pairs are passed along to the "<a>" and "<img>" HTML tags.

AUTHOR

	Ralf S. Engelschall
	rse@engelschall.com
	www.engelschall.com

REQUIRES

	Internal: P1, P2
	External: JavaScript (BROWSER)

SEE ALSO

       HTML 3.2 "<img>" and "<a>" tags, JavaScript: http://home.netscape.com/eng/mozilla/3.0/handbook/javascript/

EN Tools							    2014-04-16						     wml::des::rollover(3)