jquery完全克隆原始圖像，通過使用父母

我想在我們的webstore中完成移動圖像（產品）到購物車動畫。找一本關於如何克隆一些幫助智能jquery完全克隆原始圖像，通過使用父母

我要的是 - 對於圖像克隆， - 然後追加/前置確切公社的薩滿點 - （實際上作爲副本躺在原來的頂部） - 然後移動到新位置

這是到目前爲止我的代碼

更新：首先，我試圖找到圖像appendto的父母，但現在我測試包（），然後附加到新的包裝。

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); 
      }) 
    }

來源

2012-09-16 snh_nl

訣竅是要建立一個母親DIV元素，並說明以後

似乎有點過頂，但它的工作;）

來源

2012-09-24 16:47:28

jquery完全克隆原始圖像，通過使用父母

回答

相關問題