調整SharePoint 2010圖片庫幻燈片Web部件中的圖片大小？

我試圖實現與SharePoint 2010「開箱即用」的webpart。調整SharePoint 2010圖片庫幻燈片Web部件中的圖片大小？

「圖片庫幻燈片放映」webpart適用於我們所需要的內容，但它減少了所選圖像的大小，在他們周圍留下大量空白。

我一直在網上搜索修復，但大多數回覆似乎指向第三方或自定義jQuery的替換。

我們正在努力避免這種情況，並且只使用已包含在幻燈片中的代碼進行遊戲。

任何建議將不勝感激！先謝謝你。

來源

2012-02-13 M.Bush

經過大量的研究，我們打破了和擴大在庫中的圖片的詳細信息，實際工作了剛剛的WebPart裏面罰款。感謝所有查看過此內容並深思解決的人！ – 2012-02-16 16:14:25

不幸的是，它不支持使用開箱即用功能來配置Web部件，只有在Picture Library Slideshow Web Part中顯示的圖像類型（原始，網頁或縮略圖），但您可以嘗試使用以下客戶端自定義幻燈片的渲染方法。

下面介紹的解決方案允許通過覆蓋幻燈片控件ShowPic函數在圖片庫幻燈片Web部件中顯示原始（全尺寸）圖像。

第1步。在Picture Library Slideshow Web部件所在的頁面上插入Content Editor Web部件。

步驟2.插圖以下JavaScript代碼插入Script Editor web部件：

<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>

指定的代碼定製幻燈片控制以顯示從照片庫原始（全尺寸）圖像。

它已在SharePoint 2010/2013中進行了測試。

有關自定義幻燈片Web部件請按照this blog post

來源

2014-08-17 16:50:31

嗨，這種方法先顯示小圖像，然後迅速將其更改爲更大的圖像。你能告訴我我怎麼能避免這種情況？ – 2014-09-26 22:34:09

調整SharePoint 2010圖片庫幻燈片Web部件中的圖片大小？

回答

相關問題