Полет товара в корзину, копии картинок товаров летят с лишь с 1й строки, в чем может быть проблема?

Question

[symply_rabbit]

появилась проблема в полете картинки, при добавлении товара в корзину. на странице несколько строчек с товарами, в каждой строке по 3 товара. нажимаешь - купить, происходит добавление товара в корзину и копия его картинки "летит" в корзину. с 1й строкой нет никаких проблем. на 2й строке копия картинки товара летит почему то с 1й строки(верная копия, но с 1й строки). на 3й строке аналогично, копия картинки летит с первой строки товаров. в чем может быть проблема?

код "полета"

<script>
 id = $(this).attr("data-rel");
					tmp="#img"+id;
					$(tmp)
						.clone()


                .css({'display' : 'block', 'position' : 'absolute', 'z-index' : '11100', top: $(this).offset().top-300, left:$(this).offset().left})
                .appendTo("body")
                .animate({opacity: 0.5,
                    left: $(".bt_basket").offset()['left'],
                    top: $(".bt_basket").offset()['top'],
                    width: 0}, 1000, function() {
                    $(this).remove();
           
                });
</script>

кнопки

<a class="bt_yellow to_carts list" data-rel="<?=$arItem['ID']?>">Купить</a>

                          <img id="img<?=$arItem['ID'];?>" src="<?=$img['src']?>" >

Answer 1

[Илья]

Замените
$(this).offset().top
на
$(tmp).offset().top

Comments

[symply_rabbit]

Илья, ничего не поменялось:( по прежнему копии картинок второго ряда отлетают с 1го ряда товаров

[sophiko]

Всё работает. Можно посмотреть:
https://codepen.io/Sophiko/pen/Lqmeeo?editors=1111