-->

Image Rendition

نویسنده :  
 برای پیاده سازیImage Rendition پیش نیاز‌هایی لازم است که اگر این پیش نیازها به درستی رعایت نشوند، Image Rendition در Share point ممکن است به درستی کار نکند.

-سایتی که با آن کار می کنید باید از نوع publishing site باشد یا امکانات publishing(انتشار) روی آن فعال شده باشد.

-اگر Blob Cache برای شما فعال نیست، نمی توانید به Image rendition دسترسی داشته باشید.

-برای فعال کردن Blob Cache به فایل Web config در web application بروید و  Blob Cache را جستجو کنید و مقدار آن را True کنید.

 

-چگونه Image Rendition بسازیم/ویرایش کنیم؟

-به تنظیمات سایت (site settings) بروید.

-در بخش look and feel روی گزینه"Image Rendition" کلیک کنید.

qwe2

-به صورت پیش فرض، شما آیتم هایی را که ار قبل با نام، طول و عرض ساخته شده اند را می بینید.

-می توانید این آیتم های موجود را حذف یا ویرایش کنید.

-برای ساخت Image rendition جدید روی گزینه "Add new item" کلیک کنید.

WhatsApp Image 2020 05 11 at 9.50.53 AM

-نام، طول و عرض rendition ای که میخواهید ایجاد کنید را وارد کنید. 

WhatsApp Image 2020 05 11 at 9.50.54 AM1111

-میتوانید از این Image rendition در سایت خود استفاده کنید.

-پیشنهاد می شود یک Asset library بسازید ولی می توانید هر کتابخانه دیگری برای ذخیره عکس ها مثل Image library یا Document library بسازید.

WhatsApp Image 2020 05 11 at 9.50.54 AM 1

-بعد از ساخت کتابخانه، عکس های که می خواهید در سایت خود استفاده کنید را آپلود کنید.

 

-چگونه همه‌یRenditionها را نمایش دهیم/ببینیم؟

-به کتابخانه(library) بروید.

-رویellipsis  کلیک کنید و call out pop up را باز کنید. روی Edit Renditions کلیک کنید این کار صفحه ی Manage image rendition را باز می کند.

-اگر نمی توانید Edit renditions را پیدا کنید می توانید از url زیر در بروزر(browser) خود استفاده کنید.

https://ServerName/SiteURL/_layouts/15/ManageImageRenditions.aspx?ImageUrl=RelativeURLofTheImage

WhatsApp Image 2020 05 11 at 9.50.54 AM 2

 

-چگونه عکس را کراپ (crop) کنیم؟ 

-در صفحه ی Manage image rendition روی "CLICK TO CHANGE" کلیک کنید.

 

WhatsApp Image 2020 05 11 at 9.50.55 AM 1

-یک صفحه باز می شود و اینجا می توانید عکس مورد نظر را کراپ کنید. اگر این  Image Rendition را تغییر دهید.چند دقیقه طول می کشد که عکس جدید در سایت شما باز شود.
-میتوانید عکس را بر طبق نیاز و خواست خودتان کراپ کنید و روی "save" کلیک کنید.

WhatsApp Image 2020 05 11 at 9.50.56 AM

 

-چگونه از Image Rendition استفاده کنیم؟

- یک web part page ایجاد کنید و عکسی که در document library آپلود شده است را اینجا اضافه کنید.

- اکنون صفحه را ویرایش کرده و روی عکس کلیک کنید.

-وقتی روی عکس کلیک میکنید یک نوار می بینید و Image Tab ایجاد شده است.

-روی Image tab (پنجره عکس) کلیک کنید، می توانید پنجره دیگری به نام Pick Rendition ببینید که وقتی رئی آن کلیک می کنید می توانید rendition هایی را که ایجاد کرده اید ببینید.

WhatsApp Image 2020 05 11 at 12.33.29 PM

- Rendition مناسب را با توجه به نیاز خود انتخاب کنید و صفحه را save کنید.

 

- راه دیگری برای استفاده از Image Rendition

-هر Image Rendition یک Id منحصر به فرد دارد که Rendition Id نامیده می شود.

شما می توانید Image Rendition را با Rendition Id یا پارامتر های طول و عرض به صورت مستقیم مستقیم در url (آدرس دسترسی) عکس مورد نظر که در زیر به آن اشاره شده است، مشخص کنید.

1. استفاده از Rendition Id

-برای تست، این کد html را در Content Editor web part قرار دهید.

<img src="/sites/test/NewAssetLibrary/sample.jpg?RenditionID=3"/>

WhatsApp Image 2020 05 11 at 9.50.57 AM

 

2. استفاده از طول و عرض

اگر چندین Rendition با طول و عرض یکسان وجود دارد، پیشنهاد می شود برای مشخص کردن عکس از هر دو پارامتر در url عکس استفاده کنید.

<img src="/sites/test/NewAssetLibrary/sample.jpg?Width=700&Height=300"/>

 

3. استفاده از عرض

 اگر Rendition ‌های دیگری با عرض یکسان وجود ندارند، می توانیم از عرض به عنوان تنها پارامتر در url عکس استفاده کنیم.

<img src="/sites/test/NewAssetLibrary/sample.jpg?Width=700"/>

 

4.استفاده از طول

اگر Rendition های دیگری با طول یکسان وجود ندارند، می توانیم از طول به عنوان تنها پارامتر در url عکس اتفاده کنیم.

<img src="/sites/test/NewAssetLibrary/sample.jpg?Height=300"/>

 

برترین مطالب آموزشی

این آموزش به سه بخش  اصلی تقسیم می شود: دریافت آیتم های انتخاب شده با استفاده از
در این مقاله جایگزین کردن فرم نینتکس را با پاورفرم توضیح خواهیم داد. این مقاله به
در این آموزش، ما در مورد چگونگی ایجاد یک وب پارت چارت سازمانی (JavaScript (jsom در
برای اینکه ارتباط شیرپوینت، Lync و Nintex را برقرار کنیم باید به صورت زیر عمل کنیم:
دانلود کتاب آموزشی شیرپوینت مقدمه: شما برای سازمان خود نیاز به نرم افزاری دارید که
یکی از قابلیت های مهم نرم افزار SharePoint ارتباط کامل با مجموعه آفیس می­باشد ...
آموزش پاورفرم - اسکریپت های کاربردی اسکریپت های مربوط به گرید   مقدار دهی
ایجاد آیتم در یک لیست با استفاده از JavaScript object model (jsom) کد مورد نظر را در یک
آموزش پاورفرم - اسکریپت های کاربردی  اسکریپت های مربوط به تاریخ برای
//courtesy of BoogieJack.com function killCopy(e){ return false } function
همانطور که مستحضر هستید اکشن عملیات موازی یا Parallel   همانطور که مستحضر

برخی از سامانه های طراحی شده

meeting
09 اسفند 1398
5:00pm 6:00pm
cache/resized/a1f319dcd310423b7b94557726a42895.jpg
09 اسفند 1398
5:00pm 6:00pm
3
18 بهمن 1398
5:00pm 6:00pm
3
06 بهمن 1398
5:00pm 6:00pm
cache/resized/765d5e6f887f6f9713212b8b665b99ed.jpg
26 آذر 1397
5:00pm 6:00pm

تماس با ما

شیرپوینت سنتر

  • آدرس: استان تهران ، خیابان بهشتی ، خیابان سهروردی شمالی ، خیابان امامی ، پلاک 8
  • شماره تماس: 021-77465290  و 09127192570
  • ایمیل: info@sharepointcenter.ir

دپارتمان شیرپوینت ایران

بالا