thumbnails don't move to main

[Claudia]

Just noticed this.  When you hover over thumbnails on the product page they don't move to the large image.

Any help is appreciated.

Here's my custom code:

 <div class="row">
       <ul class="{if !is_array($GALLERY) || count($GALLERY) < 2}hide-important {/if}clearing-thumbs small-block-grid-5 medium-block-grid-6  large-block-grid-10 marg-top thinmarg-side" data-clearing>
         {foreach from=$GALLERY item=image}
<li><a href="{$image.source}" class="th"><img src="{$image.small}" data-image-swap="{$image.medium}" data-caption="{if !empty($image.image_tags.title)}{$image.image_tags.title}{else}{$PRODUCT.name}{/if}"></a></li>
         {/foreach}
      </ul>
   </div>

Example

[bsmither]

Try giving the <img> tag a class="image-gallery" attribute.
 

 

[Claudia]

I'm not exactly sure where to put it.  I did this but it didn't work.

<li><a href="{$image.source}" class="th image-gallery">

[bsmither]

<li><a href="{$image.source}" class="th"><img class="image-gallery" src="{$image.small}" data-image-swap="{$image.medium}" data-caption="{if !empty($image.image_tags.title)}{$image.image_tags.title}{else}{$PRODUCT.name}{/if}"></a></li>

 

[Claudia]

Thanks Brian