No announcement yet.

Dropimage functionality

  • Filter
  • Time
  • Show
Clear All
new posts

  • Dropimage functionality

    We want to use the dropimage type for one of our options, but you are only able to see the associated image (for us, a color swatch) after you click on a choice in the drop-down list. This is very clumsy and time-consuming since the user has to repeatedly bring down the list and make selection after selection in order to see all the color options.

    Is there a way to make the color swatches appear as you mouse over the choices?

    I'm using listing_2. In it I found the code shown below but don't know how to modify it to get the result I want. I tried changing "onChange" to "onMouseOver" and it almost works, but each image that appears is the one for the previous choice.

    I'm stumped. Can anyone help?

    <td><select name="[oname]" onChange="validateValues(document.add,1);" class="txtBoxStyle">
    <!--START: option-->
    <option value="[value]" [selected]>[feature] [oprice]</option>
    <!--END: option-->
    <td> </td>
    <td><img name="img_[oname]" width="50" src="assets/templates/common/images/spacer.gif" alt=""></td>

    <!--END: dropdownimage-format-->

  • #2
    Did you ever find a solution. I'd be very interested in this for my website, where the customer will be picking an artwork design to be printed.