این افکت زیبا چطور طراحی شده ؟؟؟

[Rostamiani]

سلام

افکت به کار رفته در این سایت رو چطور میشه ساخت ؟
جاوا اسکریپت لازمه یا با css میشه اجراش کرد ؟

منظورم نحوه عوض شده تصاویر هست

http://www.wired.com/gadgetlab/2013/05/xbox-one

متشکرم

 

[Rostamiani]

به نظر نمی رسه خیلی پیچیده باشه

کسی نظری نداشت ؟؟؟

 

[hesam_dj10]

دوست عزیر به این تکنیک پارالاکس میگن
شما میتونید توضیحات بیشتر رو از این سایت پیدا کنید
http://www.cgtv.ir/?p=1127

 

[Rostamiani]

دوست عزیر به این تکنیک پارالاکس میگن
شما میتونید توضیحات بیشتر رو از این سایت پیدا کنید
http://www.cgtv.ir/?p=1127

خیلیمتشکرم ... بسیار مفید بود
ولی فکرمی کنم چیزی که من لازم دارم کمی متفاوت و ساده تر هست. چون هیچ لایه متحرکی وجود نداره و فقط پشت زمینه بر اساس اسکرول عوض میشه و حرکت نمی کنه. این کار رو میشه با JQuery انجام داد ؟ احتمالا میشه ولی چطور ؟

 

[hesam_dj10]

منظورتو نفهمیدم
اگه سایتی میشناسی که از این تکنیک استفاده کرده باشه بزاز تا ببینم چه جوریه

 

[Rostamiani]

منظورتو نفهمیدم
اگه سایتی میشناسی که از این تکنیک استفاده کرده باشه بزاز تا ببینم چه جوریه

منظورم اینه که توی تکنیکی که معرفی کردید میشه تگ های مختفف رو با سرعت های مختلف اسکرول کرد. درسته ؟
ولی توی سایتی که نشون دادم متن با سرعت معمول اسکرول میشه و تصویر ضمینه ای داریم که fix هست و حرکت نمی کنه ولی بر اساس محل اسکرول این تصویر تغییر می کنه.

 

[farhadi1585]

زیبا بود و آموزنده

 

[Rostamiani]

اینجا هم یک نفر دیگه همین سوال رو پرسیده :

http://www.sitepoint.com/forums/showthread.php?1075604-Now-this-is-cool-parallax-page-scroll

 

[aaaaz]

وست عزيز اين با جي كوئري امكان پذيره

 

[l-mohajeri]

منظورتون کدوم افکته؟
من جز یه مقاله و چند تا عکس پشت زمینه و یسری کامنت چیز خاصی ندیدم

 

[Rostamiani]

منظورتون کدوم افکته؟من جز یه مقاله و چند تا عکس پشت زمینه و یسری کامنت چیز خاصی ندیدم

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

 

[l-mohajeri]

آهان.حالا متوجه شدم.
تو صفحه راست کلیک کنیدو veiw page source رو باز کنید.یه background جستجو کنید...حالا دونستید؟با جاوا اسکریپت کار کرده..میتونید ازش استفاده کنید.چون php نیست

 

[Rostamiani]

آهان.حالا متوجه شدم.
تو صفحه راست کلیک کنیدو veiw page source رو باز کنید.یه background جستجو کنید...حالا دونستید؟با جاوا اسکریپت کار کرده..میتونید ازش استفاده کنید.چون php نیست

متشکرم
ولی چطور ميشه با جا به جایی اسکرول تصویر زمینه رو عوض کرد؟

Sent from my HTC One V using Tapatalk 4

 

[l-mohajeri]

متشکرم
ولی چطور ميشه با جا به جایی اسکرول تصویر زمینه رو عوض کرد؟

Sent from my HTC One V using Tapatalk 4

راجع به جواب قبلیم باید بگم اشتباه کردم کدهای cssهست نه جاوا اسکریپت..با شرط هر عکسو به یه متن نسبت داده.یکم تو کدها دقت کنید متوجه خواهید شد

 

[Rostamiani]

راجع به جواب قبلیم باید بگم اشتباه کردم کدهای cssهست نه جاوا اسکریپت..با شرط هر عکسو به یه متن نسبت داده.یکم تو کدها دقت کنید متوجه خواهید شد

خیلی متشکرم
دیدم :

.single .post .pullQuotesContainer.pq2 {background:url('http://www.wired.com/images_blogs/gadgetlab/2013/05/0521-tall-controller-v1.jpg') 50% repeat-y fixed !important;}
/CODE] 

راحت و جالب و مفید ... 
و عکس رو هم خیلی دراز کرده . اینجوری :

http://www.wired.com/images_blogs/gadgetlab/2013/05/0521-tall-controller-v1.jpg

خیلی خیلی لطف کردید . متشکرم :)

 

[l-mohajeri]

خیلی متشکرم
دیدم :

.single .post .pullQuotesContainer.pq2 {background:url('http://www.wired.com/images_blogs/gadgetlab/2013/05/0521-tall-controller-v1.jpg') 50% repeat-y fixed !important;}
/CODE] 

راحت و جالب و مفید ... 
و عکس رو هم خیلی دراز کرده . اینجوری :

http://www.wired.com/images_blogs/gadgetlab/2013/05/0521-tall-controller-v1.jpg

خیلی خیلی لطف کردید . متشکرم :)[/QUOTE]

خواهش میکنم :rose:

 

[rezashirazi]

با یک دستور ساده css میشه یک div رو به صورت ثابت در صفحه نشون داد و نیازی به تکنیک خاصی نیست. اگر درست یادم باشه position:absolute باشه و بعدش top:0

 

[Rostamiani]

با یک دستور ساده css میشه یک div رو به صورت ثابت در صفحه نشون داد و نیازی به تکنیک خاصی نیست. اگر درست یادم باشه position:absolute باشه و بعدش top:0

متشکرم
ولی قراره با اسکرول کردن به مقاله بعدی عکس هم عوض بشه. اگه ثابت بود همین کار جواب می داد