|
|
|
| Photoshop 6
JavaScript Rollovers Part 2
by Joyce Evans
1
|
|
Take a quick look at the Layers
Palette. You will see an f which is the effects icon,
then the effects added are shown.
|
2
|
|
Now we need to apply the style
we just added and saved to the remaining button/buttons.
Click on the layer for the next button, now simply
drag the style from the Styles palette onto the next
button. Repeat for each button you have. |
3
|
|
I have dragged the Style onto
my layer 3 but there is no f. Look in the Rollover Palette,
Buttons_03 is selected. Click the down arrow and select
the name of the button for this layer. Mine is buttons_05 |
4
|
|
Now the effects are shown
for Layer 3 and not Layer 2.
|
5
|
|
You can view the rollover
states you've just added without saving or opening a
broswer. Click on the Slices Visibility Icon.. |
6
|
|
Now click the Rollover Preview
button, found in the Rollover Palette. |
7
|
|
Run you mouse over your buttons
and you will see the glow effect. Click on them and
you see the bevel and emboss effect. |
8
|
|
In the Rollover Palette click
on the Styles tab. This is where you add the link for
your button.
|
9
|
|
Since I have already saved
this button set (in the Slicing tutorial) I am going
to save this as Update HTML. File>Update HTML |
10
|
|
This is the top part of the
HTML file of the buttons that were previously optimized
and saved
|
11
|
|
What we did since this save
was add rollover states and links, so the Update HTML
looks like this (top part only) |
12
|
|
As you can see, the JavaScript
has been added for you.
|
|
|
Reviews
| Tutorials
| Contact
© Copyright 2000-2003 Idea design, All rights reserved.
All graphics, text, HTML and contents of this website are protected
by Canadian, American and International copyright laws and may
not
be reproduced or distributed in any manner without the
explicit permission of Joyce J. Evans.
|
|
|
|
|
