Доброго времени суток.
Есть такой код:
<script>
$('#top_img_{{ product.product_id }}').hover(function() {
my_func_{{ product.product_id }}();
});
$('#top_img_{{ product.product_id }}').click(function() {
my_func_{{ product.product_id }}();
});
function my_func_{{ product.product_id }}() {
$('#gl_img_{{ product.product_id }}').html('<img src="{{ product.thumb }}" alt="{{ product.name }}" class="img-responsive" id="top_img_{{ product.product_id }}" />');
}
</script>
Если вкратце, то он вставляет фото в нужный блок. Но делает он слишком резко.
Можно ли как то анимировать это действие? Например - плавное появление (выход из opacity 0 на 1).
