My Dad has a web page and I am trying to help him out with it. He builds duck calls and I am trying to make a build your own call section for him. I am wanting every color combination possible for this page to be set up and I would like to do it with radio buttons and the color name next to it. His calls come in 2 parts. The first is the barrel and the second part is the insert. I am wanting people to be able to be able to click 2 separate colors to show a different image for each selection they choose. So I.E. Black + Orange = BlackOrange.jpg and it will show a picture of a black barrel and orange insert of the call.
The lay out is pretty simple. I am wanting the picture on top and 2 columns to be listed with radio buttons going down each column and by each radio button i am wanting the colors.
Barrels -------------- Inserts
o Black --------------- o Black
o White --------------- o White
o Orange--------------- o Orange
The page didn't show up like I wanted it took out the spacing so I inserted -'s to show off the actual look
And so on and so forth.
I can read java script and edit it decently. I am not a complete newbie when it comes to coding but I can't figure out how to write it to get the output I want.
I have found several different pages that offer 1 radio button for each picture but I am wanting to see if I can get it setup the same way as I have it laid out if it is even possible.
Any help would be appreciated and if you can't help if somebody could find me a link to something that could point me in the right direction that would be appreciated as well.
I know I can go the easy route and just do 1 image for 1 radio button and have it setup like:
But that just doesn't look as professional and to be honest I have been trying to get the way I want it done for a while now and have had no success. It is more of a personal challenge for me to find out how to get it done the way I want.
I am thinking it should be something like: if column A1 + column B3 = true go to imageA1B3.jpg(which would be a black barrel with a orange insert) or something along that lines but I can't get it to work any way I try.
Anyways sorry for the long post and like I said any help would be appreciated. Thanks!