0

ウェブストアの画像 (製品) をカート アニメーションに移動しようとしています。スマートにクローンを作成する方法に関するヘルプを探しています

私が欲しいのは-イメージを複製するためです-次に、正確に同じ場所に追加/先頭に追加します-(実際には元のコピーの上にあるコピーとして)-次に新しい場所に移動します

これはこれまでの私のコードです

更新: 最初に追加するイメージの親を見つけようとしていましたが、今は 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 に答える