SharePoint 2013 Image Presentation

Source: Internet
Author: User

Since Image Rendering relies on other features in Sharepoint Server 2013, you must ensure that you meet the prerequisites in this section before proceeding with the procedures described in this article. Prerequisites:

? To add a website set in the form of Image Rendering, you must use the website set template of the publishing portal or product catalog to create a website set. Alternatively, you must enable the publish feature on the website set that you want to use image rendering. For more information, see overview of publishing to the Internet, Intranet, and exists websites in the technet library.

? The configured blob cache disk-based blob cache is used to control Binary large objects (BLOB) (such as common images, audio and video files, and other files used to display webpages (such. CSS file and. JS files. Blob caching must be enabled on front-end web servers where Image Rendering is required. If blob caching is not enabled, the original image is always used. For more information, see configure cache settings for Web applications in the technet library.

? Resource Library (recommended) you can use a resource library template to set a library for easy storage, organization, and search for rich media assets (such as, audio, or video files. For more information, see settings on office.com to store image, audio, or video files.

1. My test site is the release site. Skip the first prerequisite. Configure blob cache, open web. config under the Port, find the following node, and set enable to true:

Complete node:

<BlobCache location="C:\BlobCache\14" path="\.(gif|jpg|jpeg|jpe|jfif|bmp|dib|tif|tiff|themedbmp|themedcss|themedgif|themedjpg|themedpng|ico|png|wdp|hdp|css|js|asf|avi|flv|m4v|mov|mp3|mp4|mpeg|mpg|rm|rmvb|wma|wmv|ogg|ogv|oga|webm|xap)$" maxSize="10" enabled="true" />

2. Go to website settings, find image renditions in look and feel, and click to enter:

3. Click Add new item to add a rendering format, for example:

4. Fill in new rendering attributes, such:

Enter the name and width/height attribute of the rendering form respectively;

5. Open the test page and insert an image from Sharepoint;

6. Select the image in the site Asset Library. The library type is the recommended resource library (later I tried to find the document library type, but the list attachment is not good, and the external link is not good );

7. You can select the added image, select image rendition on the image tab, and select the custom rendering form;

8. Let's take a big picture to see all the rendering forms. Of course, we can also edit the added rendering forms:

9. Edit the added rendering format and click to change, for example:

In particular, if the representation is modified here, all the images that use this representation will be displayed following your modifications;

10. You can select the image capture position (which is intercepted from the center by default), for example:

11. We can also use the label format and the rendering format, as shown below:

Of course, we can also use/Site % 20 asset/1.jpg? Renditionid = 5 in the SRC format;

12. display in the form of presentation. In fact, the picture is still the one, but it has already been presented according to our definition;

13. Open the image directly in the browser, for example:

Summary

The above is a brief introduction to the sharepoint2013 presentation form. We can present images differently. Moreover, Sharepoint caches images through its own mechanism, this greatly improves the website loading speed and brings us a better user experience.

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.