<WebPartPages:PictureLibrarySlideshowWebPart adding links

Question

Does anyone know how to change the link on the image to be whatever is in [link] field within the same library? (I added a column/field called link). The link on the image is a link to the image, but I need this to be dictated by the link column. I have Sharepoint Designer open in the event I need to extend the web part, but I am not seeing that option.

Answer 1

This functionality is not included with the Picture Library Slideshow Web Part. Extending a web part requires your creating a custom web part in Visual Studio and inheriting from the OOB web part class. Unfortunately, it looks like the PictureLibrarySlideshowWebPart is sealed, so you not be able to inherit from it.

Answer 2

Picture Library SlideShow web part class could be customized on the client side. In order accomplish it, we need to override the function for initializing picture in slideshow should be (see the code below).

The solution described below allows to specify custom url for picture link in Picture Library Slideshow web part.

Step 1. Save below JavaScript code to the file, for example in SlideshowObjectInitializer.txt and upload it to SiteAssets Library

<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


           ssObj.link.href = '';  //<--put your custom picture link url here 

      };
  })(ShowPic);

}  


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

Step 2. Add Content Editor web part (CEWP) on page where Slideshow web part is located and in the Content Editor tool pane, under Content Link, type /SiteAssets/SlideshowObjectInitializer.txt.

Note: these changes should be applied before the Slideshow is loaded, for this place CEWP in the same zone but before Picture Library Slideshow web part

---

For more details about customizing Slideshow web part please follow my blog post