Форум программистов [Powered by Invision Power Board]

Код

//id для картинки и для добавления в корзину
  var gid = $(this).data('gid');
//Анимацция начало


var body = $("body");
        var bodyscrl = $('html');

        if($.browser.webkit){
            bodyscrl = $('body');

        }

        var a = $(this);
//Получение класса картинки, проходит всё нормально
        var proxy_src = $('.' + gid + '-proxy');

        if(proxy_src.length == 0){

            proxy_src = a.closest('div');

        }

       
//Какие-то параметры
        var target = $('#head_basket');
        var targetFixed = false;//target.css( "position" ) === "fixed";
        var fixTop = targetFixed ? body.scrollTop() : 0;
        var fixLeft = targetFixed ? body.scrollLeft() : 0;
        var endPosition = target.offset();
        var startPosition = proxy_src.offset();
        var namessss = 'head_basket';
if(endPosition == null)
{
var target = $('#head_basket_alt');
 var namessss = 'head_basket_alt';
        var targetFixed = false;//target.css( "position" ) === "fixed";
        var fixTop = targetFixed ? body.scrollTop() : 0;
        var fixLeft = targetFixed ? body.scrollLeft() : 0;
        var endPosition = target.offset();
        var startPosition = proxy_src.offset();

}

        var body_scroll = {'top':  bodyscrl.scrollTop(), 'left':  bodyscrl.scrollLeft()};

        var ratio = proxy_src.innerHeight() / proxy_src.innerWidth();

        var minimize = (proxy_src.innerWidth() > target.innerWidth()) || (proxy_src.innerHeight() > target.innerHeight());

        var to_width = minimize ? target.innerHeight() / ratio : proxy_src.innerWidth();
        var to_height = minimize ? to_width * ratio : proxy_src.innerHeight();
//Алерты возвращают 
/*
0
105,4
0
0
*/
//соответственно
       var animation = {
            top: endPosition.top - fixTop ,
            left: endPosition.left - fixLeft ,
            height: to_height,
            width: to_width
        };


 


//Копия отлично создаётся это видно если не закомментирован border
        var proxy = proxy_src.clone() //$( '<div>' + a.html() + '</div>' )
                //.addClass( o.className )
               .css({
                    //'background-color': '#f00',
                    top: startPosition.top - fixTop ,
                    left: startPosition.left - fixLeft ,
                    height: proxy_src.innerHeight(),
                    width: proxy_src.innerWidth(),
                    position: targetFixed ? "fixed" : "absolute",
                   // 'border': '2px dotted #666',
                    'display': 'inline'
                    //,'opacity': .5
                })
                .appendTo( body )
            ;

        var callback = function(){


            proxy.fadeOut(200, function(){



                proxy.remove();

            });

           target.load(a.attr('href'), {}, function(resp){

                $("#"+namessss+" .rurnum").formatNumber({format:"#,##0", locale:"ru"});

                if(body_scroll.top > 0){
                    bodyscrl.delay(500).animate({
                        'scrollTop': body_scroll.top
                        ,'scrollLeft': body_scroll.left
                    }, 500);
                }
            });

        };
//Скролит в самое начало страницы, причём отлично
        if(body_scroll.top > 0){
            bodyscrl.animate({
                'scrollTop': 0 // animation.top
                ,'scrollLeft': animation.left
            }, 500);
        }
// А вот следующая команда перезагружает страницу и дальнейшее добавление в корзину не выполняет. Т.е. тут какая-та ошибка такая, что он переходит по ссылке, а не выполняет функцию до конца. Там в самом конце скрипта есть return false, но перед ним есть обновление корзины.
        proxy.animate(animation, 500, 'easeInOutQuad', callback);