function cart_add(n)
{
var in_cart = $.cookie( 'bas' );
var selected = in_cart ? in_cart.split('|') : [];
selected.push( n );
$.cookie( 'bas', selected.join('|'), { expires: 1, path: '/'} );
show_cart_count( selected.length );
$('<div class=incart>Добавлено</div>').appendTo('#'+n).delay(2000).fadeOut(function() { $(this).remove(); }); //так будет поинтересней =)
}
$(document).ready(function()
{
$('a.in_bas').click(function() {
cart_add($(this).attr('href'))
var o1 = $(this).offset();
var o2 = $('#st').offset();
var dx = o1.left - o2.left;
var dy = o1.top - o2.top;
var distance = Math.sqrt(dx * dx + dy * dy);
$(this).closest('.product').find('.image img').effect("transfer", { to: $("#st"), className: "transfer_class" }, distance);
$('.transfer_class').html($(this).closest('.product').find('.image').html());
$('.transfer_class').find('img').css('height', '100%');
return false;
});
});
С файлом main.js какие-то проблемы. Из-за него не срабатывает полет или изменение количества. В нем тонна скриптов - ниасилил)))
Без него у меня все работает - картинка летит, количество изменяется.
PS Добавьте 100 товаров в корзину - она станет некрасивой)
PPS У летающей картинки сделайте z-index побольше, а то она вроде летит, и при этом залетает под какой-нибудь другой элемент.
PPPS $('<div class=incart>Добавлено</div>') - я его изначально бы вставил в код страницы и в стилях скрыл бы. А при нажатии на "В корзину" работал бы с show() и hide() (или fadeToggle()), чтобы не насиловать jquery постоянной вставкой и удалением.
PPPPS <a class="in_bas" href="1399792083">В корзину!</a> - в таком случае, а не <a class="in_bas" href="javascript
:cart_add('1399792083')"></a>