Printable Version of Topic
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.
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.
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.
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)