Web Development

Ask something
Question Locked

Customizing pictures on a website based on user input

0 helpful
7 replies

by laura_zavakos

Closed to new repliesThis discussion is closed. It stays readable, but it takes no new replies.

I am trying to design a website for a company that sells light fixtures. We have the same light fixture in different colors and available with different shades. I want our users to be able to select the bar, the color and which shades they want on our light and for the website to show them a picture of what they've selected. What is the best way to do this ? I've been trying to research but I don't know what to call it.

Thanks,
Laura

7 replies

by fred123456

It seems to me that you would need an image for every possible combination, which I assume you have. Then, using Java or VB, create an applet that loads the image once the selection is made.

What are you using to develop the site?

by laura_zavakos

I'm using FrontPage 2003.

Would I actually have to have a picture of each one ? Isn't it possible to place the shades on the picture ? I have a picture of each of our bars in all the colors available and I have pictures of all of the shades. We just brought our photography in house so if I need pictures of every one of them I'm sure we can do it.

I'm a complete newby to this so any help or direction would be greatly appreciated. I've played around in FrontPage and made updates to the website but we're looking at a complete redesign of the web page.

Thanks,
Laura

by fred123456

Try Jerry's site he gives good examples and explains the coding and logic behind changing pixel colors with Java..

http://www.jhlabs.com/ip/filters/index.html

But if your are not that familiar with Java and coding, you may want to go with a more basic approach like creating images for each combination.

by beauregard t. shagnasty

You're looking for something like this:

..which is a frame called from this page:

..which uses images such as:

..and this JavaScript function:

function overSwatch(color,idx)

I'm not a JavaScript guy, but it looks as if there might be separate bike images loaded when the "choice of color" swatches are hovered. Not an easy task ...

by laura_zavakos

Thank you both, you have definitely sent me in the right direction, I didn't even know where to start, java, vb, ...

This BMW website is similar, I don't need the hover ability but I think I can take it from here. If not, I'll be back !!

Thanks Again,
Laura

This discussion is closed to new replies.