Printable Version of Topic

Click here to view this topic in its original format

HTMLHelp Forums _ Web Site Functionality _ product Color Selection code

Posted by: htmlbliss Dec 7 2010, 01:41 PM

Here is a website that has the function just like i've been wanting for my website. But i can't figure out how they have it working. any help please!!

They have the product on a wall and can select wall color. WANT THAT.

Also they have the option to change image color. WANT THAT TOO.

http://www.dezignwithaz.com/removable-wall-decals-animals/flying-birds-wall-decals-p-1699.html

PLEASE HELP

Posted by: Darin McGrew Dec 7 2010, 03:33 PM

That site is using a Flash app.

Posted by: Christian J Dec 7 2010, 03:52 PM

Possibly it uses separate images for each bird color (each with a transparent background) that are placed in a DIV element with different background-color. The actual color pickers can be created with javascript (in this case they seem to be from the jQuery library).

Posted by: Christian J Dec 7 2010, 03:54 PM

QUOTE(Darin McGrew @ Dec 7 2010, 09:33 PM) *

That site is using a Flash app.

It actually works without Flash too. huh.gif

Posted by: pandy Dec 8 2010, 01:46 PM

Uhm... nuh.

Posted by: Christian J Dec 8 2010, 05:51 PM

Come again? It does work in my browser with Flash disabled. When I enable Flash it turns into a Flash application, though (progressive enhancement?).

Posted by: htmlbliss Dec 8 2010, 09:28 PM

what program could be used to build something like this?

Posted by: pandy Dec 9 2010, 06:45 AM

QUOTE(Christian J @ Dec 8 2010, 11:51 PM) *

Come again? It does work in my browser with Flash disabled. When I enable Flash it turns into a Flash application, though (progressive enhancement?).

When I disable flash the whole page changes and everything flash is gone.

Posted by: pandy Dec 9 2010, 06:47 AM

QUOTE(htmlbliss @ Dec 9 2010, 03:28 AM) *

what program could be used to build something like this?


http://www.adobe.com/products/flash/

There are other, less expensive, programs but I don't know how capable they are.

Posted by: Christian J Dec 9 2010, 09:19 AM

QUOTE(pandy @ Dec 9 2010, 12:45 PM) *

QUOTE(Christian J @ Dec 8 2010, 11:51 PM) *

Come again? It does work in my browser with Flash disabled. When I enable Flash it turns into a Flash application, though (progressive enhancement?).

When I disable flash the whole page changes and everything flash is gone.

Yes but the product color selection still works, at least in Opera and MSIE. Edit: and Safari.

Posted by: Frederiek Dec 9 2010, 09:27 AM

The non Flash part is hidden by the Flash object. Flash is disabled by default in my Safari, clicking on it enables it.
I had to hide the Flash object and set the #product_infos div to display: block; with the Web Inspector for the whole thing to show and work.

Posted by: Christian J Dec 9 2010, 09:58 AM

QUOTE(Frederiek @ Dec 9 2010, 03:27 PM) *

The non Flash part is hidden by the Flash object. Flash is disabled by default in my Safari, clicking on it enables it.
I had to hide the Flash object and set the #product_infos div to display: block; with the Web Inspector for the whole thing to show and work.

That must be a Safari/Mac quirk. My Safari/Win shows the non-Flash version when plugins are disabled.

Posted by: Frederiek Dec 10 2010, 02:57 AM

Maybe it's a Safari 4 issue. I don't have Safari 5, with its extensions/plugins, as I'm still on Mac OS X Tiger (10.4.11).

Posted by: pandy Dec 10 2010, 09:21 AM

QUOTE(Christian J @ Dec 9 2010, 03:19 PM) *

QUOTE(pandy @ Dec 9 2010, 12:45 PM) *

QUOTE(Christian J @ Dec 8 2010, 11:51 PM) *

Come again? It does work in my browser with Flash disabled. When I enable Flash it turns into a Flash application, though (progressive enhancement?).

When I disable flash the whole page changes and everything flash is gone.

Yes but the product color selection still works, at least in Opera and MSIE. Edit: and Safari.


Not for me since the flash color picker as well as the product is gone.

Attached Image

Posted by: Christian J Dec 10 2010, 09:36 AM

Might be due to the Flashblock function in that obscure browser you're using. When I enable Flashblock in my K-Meleon everything disappears too.

Posted by: pandy Dec 10 2010, 10:06 AM

So what flash blocker do you use and what happens?

Posted by: pandy Dec 10 2010, 10:11 AM

OK, with IE and FlashSwitch I also get alternate content. I notice they use conditional comments. Maybe K-Mel never gets the alternate content. Too much going on there for me to want to try to untangle it. blush.gif

Posted by: Christian J Dec 10 2010, 02:07 PM

QUOTE(pandy @ Dec 10 2010, 04:06 PM) *

So what flash blocker do you use and what happens?

With Opera I just disable plugins.

Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)