PDA

View Full Version : اجرا شدن کد css تصویر پس از مشاهده آن



niloo66
شنبه 16 خرداد 1394, 14:19 عصر
در سایت زیر وقتی با اسکرول به پایین صفحه می آیی کدهای css تصاویر اجرا میشن نه بهنگام لود صفحه
چطور میتونم این کار رو انجام بدم؟حتی وقتی به بالای صفحه برمیگردی و به پایین می آی دوباره لود میشه
http://www.bigdropinc.com/
(http://www.bigdropinc.com/)

mohammad425
شنبه 16 خرداد 1394, 14:26 عصر
با استفاده از جکوئری و سی اس اس, از این لینک ها میتونید استفاده کنید: لینک1 (http://www.iranweblearn.com/articles/ظاهر-شدن-عناصر-صفحه-هنگام-اسکرول) لینک2 (http://websilent.com/scroll-effects-web2feel/) و یا در نت "افکت های اسکرولی" رو جستوجو کنید.

afshinz
شنبه 16 خرداد 1394, 14:38 عصر
سلام. باید از پلاگین های جی کوئری استفاده کنید. که بهترینش به نظر من wow.js هست. همین رو سرچ کنید و با خوندن داکیومنتش میتونید خیلی راحت بهتر از این کار رو انجام بدید.

niloo66
شنبه 16 خرداد 1394, 14:46 عصر
حرکت تصویری که به سمت پایین اشاره میکنه با چه کدی طراحی میشه

afshinz
شنبه 16 خرداد 1394, 15:52 عصر
برید به این سایتت http://mynameismatthieu.com/WOW/ از قسمت how to use کامل راهنمایی کرده که دیگه خودتون باید بخونید و یادبگیرید.

niloo66
سه شنبه 19 خرداد 1394, 11:53 صبح
کدهایی که گفتید درست کار میکنن
اما اگه دقت کنید وقتی برمیگردی به ابتدای سایت و دوباره با اسکرول به انتهای سایت میای انیمیشن ها دوباره اجرا میشن ولی در کدهای داده شده تنها یک بار اجرا میشن
این رو چجوری حل کنم؟

afshinz
سه شنبه 19 خرداد 1394, 13:23 عصر
ضرورتی نداره اینکار و معمولا از همونی که لینک دادم استفاده میکنن اما فک کنم نیازتون با این رفع بشه.
http://scrollme.nckprsn.com/

niloo66
سه شنبه 19 خرداد 1394, 17:18 عصر
مشتری خواسته عین اون باشه.....

afshinz
سه شنبه 19 خرداد 1394, 17:43 عصر
خب عین اون رو باید خودتون جی کوئری و جاوااسکریپت رو مسلط باشید که بتونید پیاده کنید.
اگه نه بهتره بری داخل سورس کد و ببینی اون افکت مربوط به کدوم فایلش میشه و باید خودت ازش سردربیاری که زیاد کار عاقلانه ای به نظر نمیرسه

niloo66
چهارشنبه 20 خرداد 1394, 10:41 صبح
کدهای css در یک خط بود و به سختی میشد پیدا کرد خیلی پراکنده بود
این سایت هم جز ده سایت برتر بوده....و من هم تازه کار
یکی پیشنهاد داد کپی و پیست داد ولی نتونستم و خودم از ابتدا کد زدم دیدم بهتره