کدهای جذاب و دیدنی ( Lazy loading SVG ) : ایده جالب برای لود شدن تصاویر با SVG



visibility  
mode_comment   ۲

در این قسمت میخوام یک کد ( Lazy loading SVG ) جالب رو در اختیارتون بذارم.

توضیحات مربوط به کد Lazy loading SVG

همونطور که دیدید یک ایده زیبا برای لود شدن تصاویر قرار داده شده است و میتونین از اون در سایت خودتون استفاده کنید. همونطور که میبینید تا زمانی که تصویر اصلی لود بشه، یک تصویر SVG شبیه به اون رو نمایش میدیم و بعد از لود شدن تصویر اون رو جایگزین میکنیم.

برای مشاهده نحوه پیاده سازی وارد بخش View Source بشید.

بدلیل اینکه حجم کدها زیاد بود ، اونارو در انتهای همین مطلب قرار میدم که میتونین اونو دانلود کرده و استفاده کنید. امیدوارم لذت برده باشین.

موفق باشید.

یا علی

Source

متخصص وردپرس
قالب ها و پلاگین های حرفه ای وردپرس رو خودت بنویس! بازار طراحی قالب و پلاگین نویسی وردپرس به شدت داغه و اگر بلد باشید با برنامه نویسی اختصاصی، قالب ها و پلاگین های دلخواه بنویسید تو مارکت های مطرح دنیا و یا از طریق فریلنسری می تونید به درآمد بالا برید. دوره متخصص وردپرس سون لرن رو حتما ببینید: متخصص وردپرس arrow_back
comment دیدگاه کاربران
alihasani

سلام دوست عزیز . آیا برای div هم میشه از lazy load استفاده کرد

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

سلام
برای چیزایی که طول میکشه که لود بشن Lazy load قرار میدن نه برای div

نیاز به لاگین

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