در این سایت از چه چیزی استفاده شده

[SianiD]

با سلام
میخواستم بدونم کسی میدونه چطوری میشه همچین چیزی طراحی کنم ؟

http://www.dementialab.org/discovery-lab/

[دانیال دزفولی]

سلام دوست عزیز
جی کوئری و جاوا اسکریپت منو هم با css
60% احتمال میدم از آقای azamicu بپرس و توی سایتش برو و بهش بگو حتما جواب می ده خیلی حرفه ایه
http://www.sarat.ir/

[SianiD]

مرسی از پاسخ .
میخوام توابع جی کوئری که استفاده کرده و چگونگی چیدمانش و اینارو بدونم

[دانیال دزفولی]

فکر نکنم توی اینرنت باشه بهترین کار خرید کتاب جی کوئری

[2undercover]

به این تکنیک میگن Parallax Scrolling که یکی از کاربران قبلا یک صفحه شبیه این توی این تاپیک (http://barnamenevis.org/showthread.php?413600-%D8%B7%D8%B1%D8%A7%D8%AD%DB%8C-parallax-scrolling) گذاشته بود!

[whitecap]

اگر کمی دقت کنید و با یک راست کلیک و انتخاب ویو ایمیج متوجه خواهید شد که تصویر به کار رفته است و وقتی سریع پایین میایید این تصور به وجود می آید که چیز خیلی پیجیده و گرافیکی استفاده شده است .
موفق باشید .

[azamicu]

سلام دوست عزیز
ممنون از توجه دانیال عزیز
خیلی ساده هستش طراحی این و فقط یکم خلاقیت می خواد
مراحل انجام این کار:
همونطور که میدونید یک فیلم از تعدادی فریم پشت سر هم تشکیل شده و اونا رو میشه استخراج کرد پس کار شما اول استخراج تعدادی عکس از یه تیکه فیلمه
2- استفاده از گرفتن مکان اسکرول هستش که با تابع زیر میگیریمش:

$(window).scroll(function() {
var heightScrolled = $(window).scrollTop();
change(heightScrolled )
});

مثلا این تابع هر وقت اسکرول کنیم مقدار اونو میگیره و بعدش میتونی به یه تابع بفرستی و هر کاری میخوای بکنی
3 - حالا تو تابعی که فراخوندی با زیاد شدن مقدار عکسارو به ترتیب عوض میکنی همین

منم توی سایت خودم از این تابع استفاده کردم
http://www.sarat.ir/
بازم اگه کمک بیشتری خواستید من در خدمتم و اطلاعات تماسم هم توی سایتم هستش

توصیه بنده به شما دوستان عزیز: جی کوئری از دور مثل یه غول میمونه و از نزدیک مثل هلو شیرینه:چشمک:

[دانیال دزفولی]

سلام دوست عزیز
ممنون از توجه دانیال عزیز
خیلی ساده هستش طراحی این و فقط یکم خلاقیت می خواد
مراحل انجام این کار:
همونطور که میدونید یک فیلم از تعدادی فریم پشت سر هم تشکیل شده و اونا رو میشه استخراج کرد پس کار شما اول استخراج تعدادی عکس از یه تیکه فیلمه
2- استفاده از گرفتن مکان اسکرول هستش که با تابع زیر میگیریمش:

$(window).scroll(function() {
var heightScrolled = $(window).scrollTop();
change(heightScrolled )
});

مثلا این تابع هر وقت اسکرول کنیم مقدار اونو میگیره و بعدش میتونی به یه تابع بفرستی و هر کاری میخوای بکنی
3 - حالا تو تابعی که فراخوندی با زیاد شدن مقدار عکسارو به ترتیب عوض میکنی همین

منم توی سایت خودم از این تابع استفاده کردم
http://www.sarat.ir/
بازم اگه کمک بیشتری خواستید من در خدمتم و اطلاعات تماسم هم توی سایتم هستش

توصیه بنده به شما دوستان عزیز: جی کوئری از دور مثل یه غول میمونه و از نزدیک مثل هلو شیرینه:چشمک:

خواهش می کنم

[دانیال دزفولی]

سلام دوست عزیز
ممنون از توجه دانیال عزیز
خیلی ساده هستش طراحی این و فقط یکم خلاقیت می خواد
مراحل انجام این کار:
همونطور که میدونید یک فیلم از تعدادی فریم پشت سر هم تشکیل شده و اونا رو میشه استخراج کرد پس کار شما اول استخراج تعدادی عکس از یه تیکه فیلمه
2- استفاده از گرفتن مکان اسکرول هستش که با تابع زیر میگیریمش:

$(window).scroll(function() {
var heightScrolled = $(window).scrollTop();
change(heightScrolled )
});

مثلا این تابع هر وقت اسکرول کنیم مقدار اونو میگیره و بعدش میتونی به یه تابع بفرستی و هر کاری میخوای بکنی
3 - حالا تو تابعی که فراخوندی با زیاد شدن مقدار عکسارو به ترتیب عوض میکنی همین

منم توی سایت خودم از این تابع استفاده کردم
http://www.sarat.ir/
بازم اگه کمک بیشتری خواستید من در خدمتم و اطلاعات تماسم هم توی سایتم هستش

توصیه بنده به شما دوستان عزیز: جی کوئری از دور مثل یه غول میمونه و از نزدیک مثل هلو شیرینه:چشمک:

ولی برای من از هر دو طرف هیولاست ولی آخرش که کارم باهاش تموم میشه حال می کنم

[f_talebi]

آموزش پاراکس اسکرولینگ (http://barnamenevis.org/showthread.php?399724-%D8%A2%D9%85%D9%88%D8%B2%D8%B4-Parallax-Scrolling-%D8%AF%D8%B1-%D8%B7%D8%B1%D8%A7%D8%AD%DB%8C-%D9%88%D8%A8&highlight=%D9%BE%D8%A7%D8%B1%D8%A7%D9%84%D8%A7%DA% A9%D8%B3)