Help! Need Remote Rollovers that "STAY ON"

[phoenixgirl]

Hi All,

New to this group... Great discussions on here! I was searching the web for answers and came across this -- I'm hoping for a miracle! I also posted in the Photoshop for Web discussion forum, hope that's okay.

Here's the deal. I'm using the Photoshop/Imageready CS remote rollover functionality to set up a part of a website. On this site I have series of photos that the user can select to customize a sign. There are multiple photos going on multiple locations on the sign. Right now, the remote rollovers and all the needed transparency, etc. is working just fine... but I can only "select" one of the rollovers at a time.

So for example: 1.) They select their First picture to go on the sign... they can see it there (all pretty and whatnot). 2.) They try to select their second picture... and that pops up on the sign but the first picture goes away.

I really need them to be able to see how all these different designs will look Together on the sign. They will then be using the website to order online using an HTML form. I have already looked into the Flash option, but if I can do this in Photoshop it will be SO much easier from a file manipulation stand-point (there's going to be lots of iterations on these designs).

If you really think Flash is the way to go, that can be managed, but in that case I would really appreciate any help on collecting Flash data from the form in an EASY email format, rather than a huge server-side program.

Please tell me I'm just missing something really easy! I just need my remote rollovers to "STICK" or "STAY" once they are selected. Client is already starting to rumble so any and all help is SO appreciated!

cheers,

phoenixgirl

 

[hydrospell]

Hello there,

My first thought was to use gif files. Here's my pitch:

when the picture is not rolled over yet, it is a static file, let's say pic_1_static.gif

when it is rolled over, i would use some javascript to switch the pic file to pic_1_fadein.gif (Let's say the pic fades in and stays there)

The pic_1_fadein.gif does not loop and goes through the "fade in" animation only once.

You could find some easy to use Javascript image switching scripts through a search engine like Google, but here's a quick link that I think you'll be able to follow and use:

http://www.websitepublisher.net/article/javascript_mouseovers/

Personally, I would use flash (as I hate Javascript). I am a css/xhtml freak, so flash is usually off as well. But in this situation I'd opt for flash.

Good luck with your endeavour anyway!

 

[theKeeper]

Welcome to the community phoenixgirl.

I agree, flash might be the easier route to go... but...

It would be much easier to assess the situation if you could provide even a basic visual/working example of what you're after. I understand your basic description, but questions arise as to the exact functionality that's needed.

I would really appreciate any help on collecting Flash data from the form in an EASY email format, rather than a huge server-side program.

That wouldn't really be needed phoenixgirl. Just make the image/animation flash, and embed it. You'd be better off making the rest of your page standard html/xhtml. [honesty]