X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

Открыть тему
Тема закрыта
> Анимация перемещения товара в корзину (jquery), пример внутри
Symphony
Symphony
Topic Starter сообщение 6.7.2011, 14:02; Ответить: Symphony
Сообщение #1


[img]http://i.piccy.info/i5/19/83/1708319/ani-2.gif[/img]

как осуществить?
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
FordogeN
FordogeN
сообщение 7.7.2011, 3:12; Ответить: FordogeN
Сообщение #2


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

Варианты вызова:
а) В конце страницы ставим див который запускает скрипт и записывает в 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 шага делаем его прозрачным и когда полностью прозрачный - убираем с рабочего пространства.

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


--------------------
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
postrk.com
postrk.com
сообщение 11.7.2011, 13:51; Ответить: postrk.com
Сообщение #3


(Symphony @ 6.7.2011, 13:02) *
[img]http://i.piccy.info/i5/19/83/1708319/ani-2.gif[/img]

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

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

Проще ведь на кнопку нажать "купить", для пользователя не очевидно перетащить товар в карзину. ;)
На счет реализации - вроде где-то видел, если вспомню - дам ссылку.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
FordogeN
FordogeN
сообщение 11.7.2011, 15:27; Ответить: FordogeN
Сообщение #4


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


--------------------
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Symphony
Symphony
Topic Starter сообщение 12.7.2011, 10:41; Ответить: Symphony
Сообщение #5


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

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Как составить уравнение, чтобы назначить цену для товара?
2 rownong27 712 21.3.2024, 12:53
автор: Lumex
Открытая тема (нет новых ответов) Услуги по созданию и доработке скриптов PHP, MySQL, JavaScript, jQuery
Разработка сайтов и сервисов под-ключ
0 alexey 1171 24.11.2023, 14:46
автор: alexey
Горячая тема (нет новых ответов) Тема имеет прикрепленные файлыВеб-разработка (HTML5, CSS3, JavaScript, jQuery, Ajax, PHP)
56 qpPeW 44767 19.7.2023, 10:03
автор: qpPeW
Открытая тема (нет новых ответов) Связать корзину Opencart с корзиной Digiseller
1 serhio11 1388 27.2.2021, 23:21
автор: yurikRus
Открытая тема (нет новых ответов) 1C-Bitrix, JavaScript\jQuery, Верстка HTML5 CSS3
1 byteeightlab 1459 2.7.2019, 7:37
автор: ychervov


 



RSS Текстовая версия Сейчас: 29.3.2024, 9:59
Дизайн