Отрегулировать размер изображения в веб-части слайд-шоу библиотеки изображений SharePoint 2010?

Question

Я пытаюсь реализовать веб-часть "из коробки", которая есть в SharePoint 2010.

Веб-часть «Слайд-шоу библиотеки изображений» прекрасно работает для того, что нам нужно, однако она уменьшает размер выбранных изображений и оставляет вокруг них много свободного пространства.

Я искал в Интернете исправление, но большинство ответов, похоже, указывают на сторонние или пользовательские jQuery для замены.

Мы пытаемся избежать этого и просто поиграем с кодом из слайд-шоу, которое уже включено.

Любые предложения будут высоко оценены! Заранее спасибо.

Answer 1

К сожалению, не поддерживается настройка веб-части с использованием готовых возможностей только для того, какой тип изображения (исходный, веб-или эскиз) отображать в Picture Library Slideshow Web Part, но вы можете попробовать настроить рендеринг слайд-шоу, используя следующиеподход на стороне клиента.

Описанное ниже решение позволяет отображать оригинальные (полноразмерные) изображения в веб-части «Слайд-шоу библиотеки изображений» путем переопределения функции «Слайд-шоу» ShowPic.

Шаг 1. Вставьте веб-часть Content Editor на страницу, где расположена веб-часть Picture Library Slideshow.

Шаг 2. Вставьте следующий код JavaScript в веб-часть Script Editor:

<script type="text/javascript">


function SlideshowObjectInitializer() {

  ShowPic = (function(ShowPicOrig) {
      return function() {

           var ssObj = arguments[0];  //SlideShow object
           var curPicIdx=ssObj.index; //current picture index

           ShowPicOrig.apply(this, arguments); //call original ShowPic

           //apply some changes to display original picture in SlideShow control
           ssObj.image.src = ssObj.linkArray[curPicIdx]; //display original image instead of web image
           //change picture & container size to auto instead of fixed (by default web image size is used)
             ssObj.image.setAttribute('height','100%'); 
             ssObj.image.setAttribute('width','100%'); 
             var cell = ssObj.cell; 
             cell.style.width = 'auto';
             cell.style.height = 'auto';
             cell.style.display = '';
             var pcell = ssObj.cell.parentNode; 
           pcell.style.width = 'auto';
             pcell.style.height = 'auto';
      };
  })(ShowPic);

}  


ExecuteOrDelayUntilScriptLoaded(SlideshowObjectInitializer, 'imglib.js');
</script>

Указанный код настраивает элемент управления SlideShow для отображения оригинальных (полноразмерных) изображений из библиотеки изображений.

Он был протестирован в SharePoint 2010/2013.

Подробнее о настройке веб-части «Слайд-шоу» читайте в этой записи блога