I am trying to create a build-your-own type of color picker based upon the brochure image below:
Basically I want to create a color changer that will allow a user to select each different stripe/section of the boat and then choose from the available color patterns, where the selected area will immediately change to their selection.
This to me only leaves the option of manually creating EVERY single possible combination of color combinations and then performing some
if...then...elselogic to display the appropriate one based on hotlink clicks… a very tedious and less than favorable solution.
Does anyone with more experience doing this sort of project have a better suggestion for how to go about this?
You can then do the same thing for the boat (and anything else that needs to be created like the seats – not sure if that’s your intention) and attach click events to each portion to allow the currently selected color to be applied.
The other option would be
As for the need for a database, the only thing you’ll need one for is to save the user’s input or order it once they are finished (and perhaps allow users to pull up previously made ones?). The tiles, boat, and everything on the page can be served on the initial load. Make sure you optimize everything because there’s a huge potential for a long load time.