вот так вывожу большую картинку
<div class="product-gallery">
<img src="/i/catalog/1.png" width="400" height="400" >
</div>
вот так внизу ссылки на превью маленькие
<a href="#"><img src="/i/catalog/1.png"></a>
<a href="#"><img src="/i/catalog/2.png"></a>
<a href="#"><img src="/i/catalog/3.png"></a>
<a href="#"><img src="/i/catalog/4.png"></a>
как сделать чтобы при клике например на 3 ссылку картинка поменялась в <div class="product-gallery>
на
<img src="/i/catalog/3.png" width="400" height="400" >
желательно чтобы смена произошла через
fadein fadeout jquery
Помогите пожалуйста!
