rollover

ianbrooke · #1 (**permalink**) 06-09-2007, 02:02 AM

Hi..

Hope this is not tooo simple for all of you out there but i am stuck..
when i use cs2 to create a button i then sliced and added a rollover action in image ready useing the edit in image ready button..

Now i have cs3 i can that feature has gone so and for the life of me i cant work out how to make a rollover in cs3 please help

Thanks

Ian

skyfe · #2 (**permalink**) 06-09-2007, 10:14 AM

EDDIT: sorry, nvm, didn't work :<

FallenSage2007 · #3 (**permalink**) 06-09-2007, 10:41 AM

This is taken directly from here. http://www.adobe.com/cfusion/webforu...&enterthread=y

Quote:

Photoshop CS3 will not generate JavaScript rollover code. (Most people were throwing out the code anyway) Photoshop, does however, have Layer Comps which was ported over from ImageReady. Layer Comps uses a simliar mechanism to capture document states like ImageReady's Web Content palette. (Note: ImageReady has a Layer Comps palette as well) Naming comps with the correct name, and saving the comps out from Save For Web will allow either GoLive or Dreamweaver to ingest the images and automatically create rollovers.

Nick · #4 (**permalink**) 06-10-2007, 11:32 AM

*tuts* You should never use photoshop to slice code or make rollovers. Doing it manually is just so much rewarding.

All you need is a bit of css.

Code:

#navigation a
{
display: block;
height: 35px;
background: url('./nav.gif') no-repeat;
text-decoration: none;
}

#navigation a:hover
{
background: url('./nav-hover.gif') no-repeat;
text-decoration: underline;
}

Then when you hover over a link it will change the background to a hover image. That will work in more browsers than the javascript does

.

xxcomfortxx · #5 (**permalink**) 07-19-2007, 01:20 AM

do you kno any flash at all?
u can slice out the whole navi
take it to flash
do whatever u want to the buttons for the rollover and code em
then open ur site in dreamweaver
delete the slice of the navi
and import the flashed navi

Thread Tools
Show Printable Version Email this Page
Display Modes
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode