> I'm working on store that sells floor signs and in the cart area, I
> want the user to be able to pick a sign label and see the image pop up
> next to them. Then I'll let them do this over and over in the cart so
> they can order signs with different labels.
>
> I tried the jQuery plugin Cycle and got it to work with Prev/Next, but
> it's not exactly what I want because I want the user to pick a textual
> label which corresponds to the visual label (http://
> safetysignproducts.com/sandbox/cycle-example1.html). Then I tried to
> tie in the select tag and it got worse (http://safetysignproducts.com/
> sandbox/cycle-example2.html).
>
> Anyone have any Cycle experience that can suggest how to tie the
> select tag in? Anyone have a better way to do this? Thanks in
> advance!
You could use Cycle for this but it kinda seems like overkill. Really
all you need is to stack your images and then add a change handler to
the select element. In the change handler you'd hide all the images
except the one chosen by the select.
Given what you have now you could probably just add this:
$('#sign-list').change(function() {
$('#s2').cycle(this.selectedIndex);
});
