|
This week's topic is
Rollover Button, Part 2
(the Dreamweaver Element)
Well, here we are in July, and you haven't heard
from me for a while. The reasons for the hiatus are:
- The spectacular crashing and subsequent trashing
of my Mac, followed by the purchase of a new I-Mac, which I've
never seen, because:
- I'm in Seattle on a job hunt, my wife bought
the Mac in my absence:
- It took me way until July 6 to get my high-speed
connection hooked up so that I could use my computer
The other fascinating element is that I'm discontinuing the publication
of OUTBOX after this issue. Don't know if I'll ever get back to
it, but it may happen. I hope that you've enjoyed this foray into
web issues technical and not so technical.
Despite all that, I feel remiss in not completing my oeuvre on
how to create a rollover button, so here goes. Adding to the complexity
is my recent acquisition of a much newer version of Dreamweaver,
so let's hope it still does things the way I know how to do them,
or else (surprise, surprise), it's steep learning curve time again
for Paul.
Plus doing it all on the Windows platform, since my wife has the
new cool Mac back in the home country.
Oh well.
So, we had created some buttons in our last issue, plus lighter
versions of the same buttons, that is, these puppies, or should
I say pupeks:

Now we have to get them all to play nicely together in the sandbox
of a web page, switching off who gets eyeball attention at what
time.
Dreamweaver is the schoolmarm who can control all of the showoffs
in this lot. As it turns out, the schoolmarm has gone to graduate
school since I last saw her, and it's WAY (WAYWAYWAYWAY) easier
to do a rollover button.
Previously you had to name the file, scroll to an actions palette,
choose the proper behaviour, look for the rollover button, then
specify that the original button would get swapped back in. Not
a pretty sight, but a lot more fun than writing javascript.
Now you aren't just shooting ducks in a barrel, the ducks are lining
up to be shot with "please shoot me" signs on their chests.
I guess there is a rumor going around that ducks will reincarnate
as Seattle Mariners, which would make them some kind of hero nowadays.
Better than getting marinated, anyway.
So here's how easy it is in today's Dreamweaver:
All ya do is hit the right button at the top of the tools palette:

That little button brings up this menu box:

For my first button, I assigned a name to the button, "beebop."
Dreamweaver needs a name to use internally (in the Javascript) that
is distinct from the file name that you see in your image folder,
which in this case is BELLY.gif.
Then I simply browse over to my original image and, in the third
row, browse to the rollover image. Then I add a link (usually a
rollover button is going somewhere, so they let you put that in
here too... might as well get it all done at once), in this case,
to my home page, just as a demo.
Then, I repeated that for the next two buttons and got this
page
Pretty simple.
I hope that you've enjoyed this newsletter. You never know when
I'll kick it open again.
Thanks for reading..
-Paul
Hangin' out in Seattle, July, 2001
|