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/