ساخت loader با استفاده از CSS3 Animation ( نمونه دوم )

- visibility ۶ mode_comment

در این مطلب کدهای دومین loader رو در اختیارتون قرار میدم.

کدهای HTML :

کدهای CSS :

امیدوارم خوشتون اومده باشه.

موفق باشید. یا علی

Source

comment دیدگاه کاربران
امیر

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

محمد اسفندیاری

ببینید روش کلی اون استفاده همزمان با Javascript هست
به اینصورت که در ابتدا این کدهارو در صفحه قرار میدی در کنار بقیه کدهای سایتت
بعدش باید شرطی بزاری که تا زمانی که لود صفحه به پایان نرسیده ، این Loader نمایش داده بشه
به محض اینکه لود صفحه تموم شد ، بوسیله Javascript باید این لودر رو مخفی کنی تا اطلاعات اصلی سایت نمایش داده بشه….
میتونین از روشهای دیگه ای هم استفاده کنید
اینم یه مثال خیلی ساده
http://themer.ir/tutorials/create-loading-page-with-css-and-jquery

امیر

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

محمد اسفندیاری

این کدهارو هر جایی میتونین وارد کنید….بستگی به خودتون داره
منظورتون رو از پروسس نفهمیدم!!!

امیر

منظورم عملکرد بهتره..
لطفا کلی جواب ندین..
من بخوام وارد کنم واسه ورود به سایت کجا بذارم..
چطوری بذارم..
لطفا کامل راهنمایی کنید!

محمد اسفندیاری

ببینید لودر در نت زیاد هستن….شما باید بگردین اونیو که دوس دارین پیدا کنید و بعد از اون استفاده کنید….
نحوه کار به این صورته که ، وقتایی که کاربر منتظر دریافت پاسخ از سرور هست ، این لودر به کاربر نشون داده بشه تا حوصلش سر نره و کاربر متوجه بشه که در حال دریافت پاسخ از سرور هست
باید از Javascript هم استفاده کنید ……به این صورت که زمانی که پاسخ از سرور دریافت شد ، این لودر رو مخفی کنید و پاسخ سرور رو به کاربر نشون بدین
http://themer.ir/tutorials/create-loading-page-with-css-and-jquery
در لینک بالا یه مثال کلی زده…..شما میتونین اینو ببینید و ایده بگیرین…….به جای لودر در مثال بالا ، میتونین هر لودر دیگه ای رو قرار بدین
یا علی

نیاز به لاگین

برای ارسال دیدگاه و یا پرسیدن سوال خود در این قسمت، باید در سایت لاگین شوید.