ورود

View Full Version : حرکت کادر تصویر با اسکرول



kamran_14
جمعه 01 آبان 1394, 20:16 عصر
سلام
خسته نباشید
اگه به طراحی این سایت نگاه کنید میبیند با اسکرول کردن کادر عکس از بالا به پایین حرکت میکنه
http://www.templatemonster.com/demo/53388.html
من خوب درک نکردم
میشه کمکم کنید تا بدونم از چه روشی استفاده کرده؟
ممنون

kamran_14
شنبه 02 آبان 1394, 21:04 عصر
میشه در مورد طراحی این عکسها که در هنگام اسکرول حرکت میکنند توضیح بدید؟

پیام حیاتی
شنبه 02 آبان 1394, 23:29 عصر
طرحی پارالاکس.

Mr.Robot666
یک شنبه 03 آبان 1394, 00:45 صبح
سلام

اگه به طراحی این سایت نگاه کنید میبیند با اسکرول کردن کادر عکس از بالا به پایین حرکت میکنه
http://www.templatemonster.com/demo/53388.html
من خوب درک نکردم


تازه ندیدی طرف اسکرول میکنه، ماه میره خورشید میاد، ابرا اینوری میرن، موشک رد میشه، خلاصه که این روزا چیزای عجیب آدم زیاد میبینه :قهقهه: برو adobe muse میفهمی دارم چی میگم

Mr.Robot666
یک شنبه 03 آبان 1394, 00:48 صبح
http://www.templatemonster.com/demo/53388.html
قابل توجه طراحا، دمو رو دیدید، توجه کردین که آبجکت تصویری بزرگ با تایتل و عناصر بزرگ چه خوب رو پارالاکس نشسته، به این میگن پارالاکس

kamran_14
دوشنبه 04 آبان 1394, 18:19 عصر
قابل توجه طراحا، دمو رو دیدید، توجه کردین که آبجکت تصویری بزرگ با تایتل و عناصر بزرگ چه خوب رو پارالاکس نشسته، به این میگن پارالاکس

ممنون
پارالاکس اسم این روشه؟ یا نه این روش جزئی از اونه؟
یه منبع مفید معرفی میکنید که بتونم ازش استفاده کنم

Mr.Robot666
دوشنبه 04 آبان 1394, 19:56 عصر
ممنون
پارالاکس اسم این روشه؟ یا نه این روش جزئی از اونه؟
یه منبع مفید معرفی میکنید که بتونم ازش استفاده کنم

والا منم نفهمیدم، کلمه "پارالاکس" رو
فکر کنم به بیش از یک عنصر که هر دو باهم به حرکت دربیان و یکی سرعت بیشتری داشته باشه، و با این روش به گونه ای به ما القاع کنه که تصاویر عمق متفاوتی دارن یعنی به ما نزدیکتر و دورتر هستن میشه پارالاکس. فقط هم مختص صفحات وب نیست؛ در گیم و ... هم نام برده میشه!
شامل کد های پیچیده ای از جاوااسکریپت (jquery) میشه که بصورت پلاگین استفاده میشه، و به طبع برای استفاده از پلاگینش باید دستورالعملـش رو یادبگیرید. من که از خیرش گذشتم :لبخند: توی مجله 6 یا 7 "مدرسه مجازی ایرانیان" یکی از معروف ترین پلاگین مربوطه رو معرفی و آموزش میده.

معمولا پارالاکس خوب درنمیاد و باعث سردگمی و منحرف شدن کاربر میشه! و در این مورد خاص (http://www.templatemonster.com/demo/53388.html) خیلی خوب شده :متفکر: ولی همون z-index و position رو من میپسندم (با اسکرول عنصری میاد روی عنصر دیگه) این روش پالاکس نیست ولی عمق رو نشون میده و در مقابل خبری از جاوا اسکریپت نیست با دوتا کد css هم اوکی میشه :قلب:

Mr.Robot666
دوشنبه 04 آبان 1394, 20:03 عصر
من که اصلا خوشم نمیاد؛ وقتی اسکرول میکنم باید همون جا سریع وایسه و موقع اسکرول همچی برام بریده بریده نشون داده میشه اصلا حال نمیکنم حالا نمیدونم گرافیکم جواب نمیده hdmi میخواد :متعجب: