我正在尝试在我们的网上商店中将图像(产品)移动到购物车动画。寻找有关如何克隆智能的帮助
我想要的是 - 克隆图像, - 然后在完全相同的位置附加/前置 - (实际上作为位于原件顶部的副本) - 然后移动到新位置
到目前为止,这是我的代码
更新:首先我试图找到要附加到的图像的父级,但现在我正在测试 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);
})
}