0

我正在尝试在我们的网上商店中将图像(产品)移动到购物车动画。寻找有关如何克隆智能的帮助

我想要的是 - 克隆图像, - 然后在完全相同的位置附加/前置 - (实际上作为位于原件顶部的副本) - 然后移动到新位置

到目前为止,这是我的代码

更新:首先我试图找到要附加到的图像的父级,但现在我正在测试 wrap(),然后附加到新的 wrap。

    if(jQuery('img#basket-image'+id)){
        var prod_img    = jQuery('img#basket-image'+id);
        var prod_div    = jQuery(prod_img).wrap('<div class="prod_div'+id+'" />');
        var basket  = jQuery("#bottom-checkout")
        // Idee is om frame te sluiten, dan plaatje te pakken en die naar basket te gooien.
        // Code komt van: http://www.webresourcesdepot.com/fly-to-basket-effect-with-jquery/
        var basketX         = basket.offset().left;
        var basketY         = basket.offset().top;
        var productX        = jQuery(window).width() - prod_img.width();
        var productY        = jQuery(window).height() - prod_img.height(); 
        var gotoX       = basketX - productX;
        var gotoY       = basketY - productY;
        var newImageWidth   = 64;
        var newImageHeight  = 64; 
        jQuery(prod_img).clone().prependTo(prod_div).css({'position':'absolute','z-index':301}).animate({width:newImageWidth,height:newImageHeight,left:gotoX,top:gotoY},1400, function() {
            $(this).remove();
            jQuery(basket).effect("shake", {times:6, distance:8}, 140);
            })
    }
4

1 回答 1

0

诀窍是创建一个母 DIV 元素并稍后引用它

似乎有点过头了,但它奏效了;)

于 2012-09-24T16:47:28.450 回答