I created a page with 3 iframes lined up next to each other, each of which can select a small jpg (one of 50-100 choices) and each is then displayed within its own iframe for review. User can change each chosen jpg with a refresh button for each iframe. Each iframe and jpg has different height and width dimensions. The jpg's are electrical connectors and cables thus creating a final cable assembly.
Upon completion I need to display these three jpg's somewhere else on the page and outside the individual iframes. The individual jpg's need to be floated next to each other to create a final image as if it were all one jpg. Final size of combined jpg will vary depending on each iframe's selected jpg.
I suppose I don't need to use the 3 selector iframes - I could use an HTML list but "seeing" the jpg in the selector iframes when selected seemed the best way to start. Any other suggestions welcomed.
Problem is how to "combine" the three jpg's. I'm a little new using javascript so any help is appreciated in how to code this.