rollovers to load in same frame/slice

J
Posted By
j-in-uk
Nov 17, 2005
Views
354
Replies
9
Status
Closed
hi,
i’m a newbie 2 imageready. i basically want to slice an image and onrollover of each slice i want the corresponding image to load in the same frame/slice. i got the slices to work….except on rollover im unable to get the rolledover image to load in the same frame……..is this possible
Related Tags
frame load rollover slice

Must-have mockup pack for every graphic designer 🔥🔥🔥

Easy-to-use drag-n-drop Photoshop scene creator with more than 2800 items.

I
iehsmith
Nov 17, 2005
On 11/17/05 1:49 AM, j-in-uk uttered:

hi,
i’m a newbie 2 imageready. i basically want to slice an image and onrollover of each slice i want the corresponding image to load in the same frame/slice. i got the slices to work….except on rollover im unable to get the rolledover image to load in the same frame……..is this possible

The frames represent the different states of the rollover, so no, AFAIK you can’t have 2 states in one frame.

inez
J
j-in-uk
Nov 17, 2005
even tho, it’s for a different rollover im unable 2 load a diff. image in the same frame. IS there another way of me, on rollover to load all the rolled over images in one slice/frame?
I
iehsmith
Nov 17, 2005
On 11/17/05 1:32 PM, j-in-uk uttered:

even tho, it’s for a different rollover im unable 2 load a diff. image in the same frame. IS there another way of me, on rollover to load all the rolled over images in one slice/frame?

I don’t think I’m understanding you. Different rollovers would be in different locations, and therefore in different slices.

inez
J
j-in-uk
Nov 17, 2005
ok, maybe im not explaining myself correctly…..eg. i have img1, on rollover of img1 i want photo1 to load in frame/slice1, then on rollover of img2, i want photo2 to load in frame/slice1(the same)………..basically i want the same photo’s to be loaded in one area of the page. im not sure if that area is defined as a frame or slice.
iehsmith wrote:
On 11/17/05 1:32 PM, j-in-uk uttered:

even tho, it’s for a different rollover im unable 2 load a diff. image in the same frame. IS there another way of me, on rollover to load all the rolled over images in one slice/frame?

I don’t think I’m understanding you. Different rollovers would be in different locations, and therefore in different slices.

inez
I
iehsmith
Nov 18, 2005
On 11/17/05 5:02 PM, j-in-uk uttered:

ok, maybe im not explaining myself correctly…..eg. i have img1, on rollover of img1 i want photo1 to load in frame/slice1, then on rollover of img2, i want photo2 to load in frame/slice1(the same)………..basically i want the same photo’s to be loaded in one area of the page. im not sure if that area is defined as a frame or slice.

I think I know what you’re saying. I think this depends on how you want your html to work. If you’re trying to creat framesets, that should work, but unfortunately I’ve never done frames with ImageReady, so I’d probably be hand coding that part, addressing my rollovers to URLs for the photos to open in a targeted frame.

Sorry, I can’t be much help.

I think this can be done without frames, making them part of the rollover process by showing/hiding your photo slices, but I’m not sure. Haven’t done it. Looks like you’re trying to set up a slide show with ImageReady. I’m haven’t tried that either, and only have IR3. It might be possible to create a Web Photo Gallery in Photoshop, then open it in ImageReady to create your rollovers, but I hav no idea.

You might get better answers on the adobeforums.imageready.mac (or pc?) If you register as a member you can access through nntp. http://adobeforums.com

inez
C
cperkins
Nov 18, 2005
The SiteGrinder plug-in for Photoshop can do that (see my sig for the URL) It’s not a slice tool, though. You’d set that up with different layers.

This site, while not having the best design, was done with SiteGrinder and has the efffect you describe:
http://www.proberts.net

Basically, you make separate layers for buttons, give them the hint "-button" at the end of their name. Then make rollover layers with the -rollover hint. (ie. family-button matches to family-rollover) The changing picture frame area is done with layers with the -popup hint. (family-popup) And, if you need a layer to "vanish" whenever a popup appears, give it the -hide hint (somelayer-hide).

Chris Perkins
Media Lab Inc.
http://www.medialab.com/sitegrider
LI
Lorem Ipsum
Nov 18, 2005
"cperkins" wrote in message
The SiteGrinder plug-in for Photoshop can do that (see my sig for the URL) It’s not a slice tool, though. You’d set that up with different layers.

This site, while not having the best design, was done with SiteGrinder and has the efffect you describe:
http://www.proberts.net

Basically, you make separate layers for buttons, give them the hint "-button" at the end of their name. Then make rollover layers with the -rollover hint. (ie. family-button matches to family-rollover) The changing picture frame area is done with layers with the -popup hint. (family-popup) And, if you need a layer to "vanish" whenever a popup appears, give it the -hide hint (somelayer-hide).

/?? Your description seems to use some proprietary terms. Do you speak javascript?
C
cperkins
Nov 18, 2005
No, SiteGrinder uses Photoshop layer names to determine the role of the layer in the final HTML output.

So for example, if you have a Photoshop layer named "products" that you want to be a button, you name it "products-button" and SiteGrinder will take care of the rest when it converts the Photoshop file to HTML.

In SiteGrinder lingo those are known as hints. It’s a pretty good system and there aren’t too many: -button, -rollover, -popup, -hide, -popdown, -page, -merge, -rrect, -fav, -menu, -text, -scroll

I’m probably forgetting some, but those are the main ones. The -page hint is applied to a layercomp, not a layer. And the -merge hint is applied to layersets, not layers.

Chris
http://www.medialab.com/sitegrinder
J
j-in-uk
Nov 18, 2005
the sitegrinder cost $129, is there a way i can get it without purchasing it. the demo has the sitegrinder watermark on the images

Master Retouching Hair

Learn how to rescue details, remove flyaways, add volume, and enhance the definition of hair in any photo. We break down every tool and technique in Photoshop to get picture-perfect hair, every time.

Related Discussion Topics

Nice and short text about related topics in discussion sections