[ DDROTT @ 11.02.2010. 10:40 ] @
kako da napravim ovakav efekat kao na ovom sajtu : http://www.marvin-lefilm.fr/ ? da pomerajuci kursor uticem na pozicioniranje slika .. ?? kako ?? Hvala. |
[ DDROTT @ 11.02.2010. 10:40 ] @
[ Stefan Jocic @ 11.02.2010. 14:45 ] @
Može prego jQuery. Čak sam i radio već za jednog klijenta slično. U svakom slučaju već imaš gotovo besplatno rešenje ovde.
[ kotnik @ 11.02.2010. 21:42 ] @
Stefan ti je dao lako rešenje, jParallax radi ovo veoma lako.
S druge strane, uz jQuery možeš i sam da napraviš manje rešenje, uz malo matematike da izračunaš koliko treba pomeriti koji background u zavisnosti od pozicije miša. Kako da vidiš gde je miš pogledaj ovde: http://custom-drupal.com/jquery-demo/mouse-position/ Sve u svemu, uz spremne slike, posao od 5 minuta. [ DDROTT @ 12.02.2010. 10:14 ] @
hvala vam puno... samo sto ne razumem bas ovaj drugi deo... tj kotnikuvu ideju... ok, na linku koji si mi dao mogu da pogledam poziciju kursora... ali.. kako da nju iskoristim u svrhu one animacije ??
[ Goran Rakić @ 12.02.2010. 10:31 ] @
X koordinata kursora ti kaže "odakle se gleda", odnosno "koji je ugao prema slici", a to pak određuje za koliko ćeš da pomeriš sliku levo-desno. Dalje, dublje slojeve pomeraš manje nego bliže. http://en.wikipedia.org/wiki/Parallax_scrolling
[ DDROTT @ 12.02.2010. 19:34 ] @
oook.. nakon sto sam shvatio kako to radi.. i dalje mi nije jasno kako bih trebalo da napisem kod... ://
[ kotnik @ 12.02.2010. 19:45 ] @
Moraćeš da naučiš barem osnove JavaScripta.
A stvarno nije teško: Imaš X koordinatu miša, na osnovu toga samo postavljaš margine slika. [ DDROTT @ 12.02.2010. 19:51 ] @
pff... pa da... znam.. ali... nisam bas spreman da ucim JavaScript da bih znao da napravim ovo... i vise nista.. jer mi uglavnom JavaScript nije potreban.
[ DDROTT @ 12.02.2010. 19:52 ] @
mozes li mi ti mozda napisati kod.. ako ti ne oduzima previse vremena ...
[ vatri @ 12.02.2010. 21:07 ] @
Imas sve to u linku koji ti je ostavio Stefan.
Samo je bitno da: - skines jQuery sa njihovog sajta i da ga ukljucis u <head> stranice... - skines neki od fajlova sa gore pomenutog linka i isto ga ukljucis u <head> - nakon toga procitas sve i probas implementirat u svoju stranicu i na svoje slike Copyright (C) 2001-2025 by www.elitesecurity.org. All rights reserved.
|