پرش به


تصویر

استفاده از Lazy Loading در تصاویر فیلد اضافی

فیلد اضافی

  • لطفا وارد حساب کاربری خود شوید تا بتوانید پاسخ دهید
6 پاسخ برای این موضوع

#1 amiresh

amiresh

    عضو سایت

  • عضو سایت
  • ستارهستاره
  • 22 ارسال

ارسالی 1397/01/31 ساعت 11:30

با سلام

 

می خواستم فیلد اضافی که ساختم رو بهش امکان lazy loading برای تصاویر بدم و به مشکل خوردم کسی می تونه کمک کنیه ؟

[xfgiven_minimg] [xfvalue_minimg] [/xfgiven_minimg]

من یه فیلد اضافی برای تصویر اصلی برای صفحه shortstory دارم می خوام تصاویر که نمایش می ده در این باکس به شکل آجاکس لود بشه و یکم در سرعت سایت جلو بیوفتم ... حالا با کد بالا عکس فراخوانی میشه و لی نمی تونم بهش کلاس بدم که اول لودر نمایش بده و بعد از مدتی تصویر اصلی ...

 

باید چیکار کنم؟؟

 

کد زیر رو هم خودم نوشتم ولی اون چیزی که میخوام نمایش نداد !!

[xfgiven_minimg] <img src="[xfvalue_minimg]" />[/xfgiven_minimg]

چه دستوری داریم که بشه لینک تصویر منتخب در ارسال مطلب رو بهمون بده و روش بشه کلاس تعریف کرد و ...


  • 0

#2 AQUILA

AQUILA

    مدیر

  • مدیر
  • 199 ارسال
  • محل سکونت: اینترنت
  • مهارت ها: HTML, CSS

ارسالی 1397/01/31 ساعت 21:38

سلام

اگر درست متوجه شده باشم نمونه کد مورد نظر شما این خواهد بود:

[xfgiven_minimg] <img class="xlazy" src="[xfvalue_minimg]" /> [/xfgiven_minimg]

کلاس xlazy رو باید طبق سلکتوری که در اسکریپت جیکوئری lazy load مورد استفاده تعیین شده تغییر بدید

موفق باشید


  • 1

قالب دیتالایف ـ پارس دیتالایف
parsdle.ir


#3 amiresh

amiresh

    عضو سایت

  • عضو سایت
  • ستارهستاره
  • 22 ارسال

ارسالی 1397/02/02 ساعت 00:45

سلام

اگر درست متوجه شده باشم نمونه کد مورد نظر شما این خواهد بود:

[xfgiven_minimg] <img class="xlazy" src="[xfvalue_minimg]" /> [/xfgiven_minimg]

کلاس xlazy رو باید طبق سلکتوری که در اسکریپت جیکوئری lazy load مورد استفاده تعیین شده تغییر بدید

موفق باشید

 

مهندس این کد رو استفاده میکنم چه با کلاس xlazy چه بصورت معمولی تصویر رو تو سایت نمایش نمیده و فقط دو تا کارکتر از کد که به شکل خراب هست رو نمایش میده  ( " /> ) به این شکل !! مشکل از کجاست ؟!

 

البته به این شکل استفاده می کنم کامل نمایش میده

[xfgiven_minimg] [xfvalue_minimg] [/xfgiven_minimg]

ولی به شکلی که بتونم دستور [xfvalue_minimg] را داخل src="[xfvalue_minimg]" استفاده کنم ... نمایش نمیده و اون کارکتر رو نشون می ده ...


  • 0

#4 AQUILA

AQUILA

    مدیر

  • مدیر
  • 199 ارسال
  • محل سکونت: اینترنت
  • مهارت ها: HTML, CSS

ارسالی 1397/02/02 ساعت 03:39

آدرس تصویر رو در فیلد اضافی چطور وارد میکنید؟


  • 1

قالب دیتالایف ـ پارس دیتالایف
parsdle.ir


#5 amiresh

amiresh

    عضو سایت

  • عضو سایت
  • ستارهستاره
  • 22 ارسال

ارسالی 1397/02/02 ساعت 09:26

آدرس نیست !! بصورت عکس انتخاب میشه که وقتی آپلود میکنی ... خودش برش میده و بصورت تصویر نمایش میده ...


  • 0

#6 AQUILA

AQUILA

    مدیر

  • مدیر
  • 199 ارسال
  • محل سکونت: اینترنت
  • مهارت ها: HTML, CSS

ارسالی 1397/02/02 ساعت 12:33

آدرس نیست !! بصورت عکس انتخاب میشه که وقتی آپلود میکنی ... خودش برش میده و بصورت تصویر نمایش میده ...

اگر از فیلد نوع تصویر استفاده کردید این کد رو تست کنید:

[xfgiven_minimg]<img class="xlazy" src="[xfvalue_image_url_minimg]" />[/xfgiven_minimg]

  • 1

قالب دیتالایف ـ پارس دیتالایف
parsdle.ir


#7 amiresh

amiresh

    عضو سایت

  • عضو سایت
  • ستارهستاره
  • 22 ارسال

ارسالی 1397/02/02 ساعت 12:39

مهندس خیلی ممنون درست شد ... واقعا دیتالایف هم عالیه و هم پشتیبانی حرفه ای داره ... :wub: :wub:


  • -1



همچنین به فیلد اضافی نیز برچسب خورده است

1 کاربر در حال خواندن این موضوع است

0 کاربر، 1 مهمان و 0 عضو مخفی