2012-02-13 20 views
1

私は、SharePoint 2010SharePoint 2010 Picture LibraryスライドショーWebpart内の画像サイズを調整しますか?

私たちが必要なもののために素晴らしい作品Webパーツ「ピクチャライブラリスライドショー」である「箱から出して」Webパーツを実装しようとしていますが、しかしそれは、画像のサイズが選択されて減少し、周囲にたくさん空白が残っています。

私は修正プログラムをオンラインで検索していましたが、ほとんどの回答は、サードパーティ製のものかカスタムjQueryのものかを示すものと思われます。

私たちはそれを避け、既に含まれているスライドショーのコードを再生しています。

どのような提案も大歓迎です!前もって感謝します。

+0

に従ってください、私たちは、実際にWebパーツ内だけで罰金を働いた、決裂したとライブラリ内の画像を拡大。これを見て修正を熟考したすべての人に感謝します! –

答えて

1

残念ながら、Picture Library Slideshow Web Partに表示する画像タイプ(オリジナル、ウェブまたはサムネイル)のみをアウト・ザ・ボックス機能で設定することはできませんが、次のクライアントを使用してスライドショーのレンダリングをカスタマイズできますサイドアプローチ。

以下の解決策では、SlideshowコントロールShowPicの機能を無効にすることで、Picture Library Slideshow Webパーツに元の(フルサイズの)画像を表示することができます。

手順1. Picture Library Slideshowウェブパーツが存在するページにウェブパーツを挿入します。

ステップ2挿入図Script Editorウェブ部に次のJavaScriptコード:

<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

+0

こんにちはこの方法は小さな画像を最初に表示してから、すぐに大きな画像に変更します。どのように私はそれを避けることができます教えてくださいできますか? –

関連する問題