ウェブストアの画像 (製品) をカート アニメーションに移動しようとしています。スマートにクローンを作成する方法に関するヘルプを探しています
私が欲しいのは-イメージを複製するためです-次に、正確に同じ場所に追加/先頭に追加します-(実際には元のコピーの上にあるコピーとして)-次に新しい場所に移動します
これはこれまでの私のコードです
更新: 最初に追加するイメージの親を見つけようとしていましたが、今は 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);
})
}