campaign-edianeh-98

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



visibility  
mode_comment   ۲

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

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

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

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

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

موفق باشید.

یا علی

Source

comment دیدگاه کاربران
alihasani replyپاسخ

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

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

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

add_circle ارسال دیدگاه

خوشحال میشیم دیدگاه و یا تجربیات خودتون رو با ما در میون بذارید :