Jak na efekt přidání do košíku a pohyb obrázku na pozici informace o košíku

21. 9. 2010 12:05:01

Ahoj narazil jsem na jeden efekt na eshopu: http://www.archiduchesse.com/chaussettes-fantaisie/315-chaussettes-talon-pointe-mauve.html

Když kliknete na tlačítko přidat do košíku, tak se zobrazí hvězda, která se pohybuje po obrazovce směr nákupní košík, hledal jsem plugin který by řešil pohyb divu po loše. Jen byste zadali id co a id kam a třeba rychlost atd. a nic jsem nenašel netušíte čím by se to dalo vyřešit pomocí jquery.

Děkuji

21. 9. 2010 12:05:01

https://webtrh.cz/diskuse/jak-na-efekt-pridani-do-kosiku-a-pohyb-obrazku-na-pozici-informace-o-kosiku#reply560503

weiss

(9 hodnocení)

21. 9. 2010 12:14:49

není tohle náhodou v prestě? :-) http://www.prestashop.com/demo/

21. 9. 2010 12:14:49

https://webtrh.cz/diskuse/jak-na-efekt-pridani-do-kosiku-a-pohyb-obrazku-na-pozici-informace-o-kosiku#reply560502

pitrsonek

(12 hodnocení)

21. 9. 2010 13:41:17

Jojo je ale stale to neresi muj problem, ale prozkoumam ji .)

Diky

21. 9. 2010 13:41:17

https://webtrh.cz/diskuse/jak-na-efekt-pridani-do-kosiku-a-pohyb-obrazku-na-pozici-informace-o-kosiku#reply560501

Jan Brabec

(2 hodnocení)

21. 9. 2010 19:12:17

Zkus se podívat v jquery na funkci animate()

21. 9. 2010 19:12:17

https://webtrh.cz/diskuse/jak-na-efekt-pridani-do-kosiku-a-pohyb-obrazku-na-pozici-informace-o-kosiku#reply560500

predaj.domen

(1 hodnocení)

28. 9. 2010 23:57:15

Jednoduchý vzor:

28. 9. 2010 23:57:15

https://webtrh.cz/diskuse/jak-na-efekt-pridani-do-kosiku-a-pohyb-obrazku-na-pozici-informace-o-kosiku#reply560499

mayo

29. 9. 2010 14:08:00

alebo takto - pre vsetky ikony kosika naraz

29. 9. 2010 14:08:00

https://webtrh.cz/diskuse/jak-na-efekt-pridani-do-kosiku-a-pohyb-obrazku-na-pozici-informace-o-kosiku#reply560498

pitrsonek

(12 hodnocení)

29. 9. 2010 15:51:04

Díky a jak byste to navěsili na ajaxForm? Asi to přidat do beforeSubmit metody.

http://jquery.malsup.com/form/#ajaxForm

Napsal mayo;577397
alebo takto - pre vsetky ikony kosika naraz

$('.ikona_kosika_pri_polozke').click(function(){ $('#ukazovatel').animate({left: $('#kosik').offset().left,top: $('#kosik').offset().top}, dlzka_animacie_v_ms, function() { // dalsi kod ktory sa ma vykonat po skonceni animacie - napriklad schovat ukazovatel a refreshnut sumu v kosiku }); });

29. 9. 2010 15:51:04

https://webtrh.cz/diskuse/jak-na-efekt-pridani-do-kosiku-a-pohyb-obrazku-na-pozici-informace-o-kosiku#reply560497

mayo

29. 9. 2010 16:41:29

radsej do post-submit, aby nedoslo ku klamaniu uzivatela v pripade ze odoslanie poziadavky bolo neuspesne

29. 9. 2010 16:41:29

https://webtrh.cz/diskuse/jak-na-efekt-pridani-do-kosiku-a-pohyb-obrazku-na-pozici-informace-o-kosiku#reply560496

Pro odpověď se přihlašte.

Přihlásit