Перейти к содержимому

Сервис обмена электронных валют

Партнерская программа Kredov

Анимация перемещения товара в корзину (jquery)

#1 Symphony

Symphony
  • Пользователь
  • 636 сообщений
  • Репутация: 54
0

Отправлено 06 Июль 2011 - 13:02

Изображение

как осуществить?

 

 

  • 0


#2 FordogeN

FordogeN
  • Пользователь
  • 1 414 сообщений
  • Репутация: 0

Отправлено 07 Июль 2011 - 02:12

Слишком хочу спать, чтоб писать в коде, но напишу алгоритм.

Варианты вызова:
а) В конце страницы ставим див который запускает скрипт и записывает в JS координаты каждого из товаров и корзины
б) После клика по "купить" определяем координаты товара и корзины

Имея координаты уже делаем вычисляем траекторию:
$h_coord_product = 200px // Координаты товара по горизонтали
$h_coord_cart = 800px // Координаты корзины по горизонтали
$v_coord_product = 430px // Координаты товара по вертикали
$v_coord_cart = 150px // Координаты корзины по вертикали

$h_coord = $h_coord_cart - $h_coord_product // Вычисляем расстояние от товара до корзины (на примере у меня корзина находится справа, если она слева $h_coord_cart и $h_coord_product меняем местами)
С вертикалью повторяем по аналогии
$h_step = $h_coord/10 // Делим расстояние на 10 и получаем длину шага
Тоже самое и с вертикалью делаем

Затем не помню с помощью какой функции передвигаем div с товаром за 10 шагов на координаты корзины и потом за 2-3 шага делаем его прозрачным и когда полностью прозрачный - убираем с рабочего пространства.

зы. Могу где-то ошибаться т.к. уже намылился спать =)
  • 0

Как настроить выдержку и диафрагму зеркального фотоаппарата



#3 postrk.com

postrk.com
  • Пользователь
  • 2 сообщений
  • Репутация: 0

Отправлено 11 Июль 2011 - 12:51

Изображение

как осуществить?

А оно вам нужно? :rolleyes:

Проще ведь на кнопку нажать "купить", для пользователя не очевидно перетащить товар в карзину. ;)
На счет реализации - вроде где-то видел, если вспомню - дам ссылку.
  • 0

#4 FordogeN

FordogeN
  • Пользователь
  • 1 414 сообщений
  • Репутация: 0

Отправлено 11 Июль 2011 - 14:27

postrk.com, вижу у тебя уже два сообщения не по теме.
Еще засеку - в кАрзину твои накрученные сообщения :rolleyes:
  • 0

Как настроить выдержку и диафрагму зеркального фотоаппарата



#5 Symphony

Symphony
    Topic Starter
  • Пользователь
  • 636 сообщений
  • Репутация: 54

Отправлено 12 Июль 2011 - 09:41

postrk.com, нет :rolleyes: не нужно просто вместо того чтоб шашлыки хавать, сижу и херней маюсь.
  • 0



Оформление форума – IPBSkins.ru