How to add and configure a Picture Library Slideshow Web Part in SharePoint 2010

Home > Blogs > SharePoint > How to add and configure a Picture Library Slideshow Web Part in SharePoint 2010

How to add and configure a Picture Library Slideshow Web Part in SharePoint 2010

Like This Blog 7 Spike Xavier
Added by August 10, 2012

Environment: Top level site of a site collection with an out-of-the-box Team Site Template
Steps:

  • Change the default page layout
  • Create a photo library
  • Upload some photos
  • Add a slideshow web part to the home page
  • Configure the slideshow web part
  • Save the page

Change the default page layout

Click the edit page icon to put the page into edit mode.

Change-the-default-page-layout-1.png

 

Click on the Text Layout Icon in the ribbon and choose One column. (You don’t have to do this it’s just better looking in my opinion)

Change-the-default-page-layout-2.png

 

Delete any unwanted content. In this case all the default content. To do this I highlight the content (while the page is still in edit mode and hit delete.

Change-the-default-page-layout-3.png

 

My page now looks like this, a blank slate.

Change-the-default-page-layout-4.png

Create a photo library 

Click All Site Content in the Quick Launch Bar to get to the All Site Content page. I am prompted to save the changes (not shown) and I click ok.

Create-a-photo-library-1.png

 

Click Create.

Create-a-photo-library-2.png

 

I filter by Library (by clicking the word library in the Filter By: section. Then choose Picture Library by clicking on it. I enter the name of the Picture Library (CompanyPhotos) and click Create.

Create-a-photo-library-3.png

 

Upload some photos

Click on the Upload Link and choose Upload Multiple Pictures.

Upload-some-photos-1.png

 

Add a Picture Shortcut. I do this by clicking the Link Add Picture Shortcut and browsing to the folder which contains my photos and click add (Browse and Add not shown).

Upload-some-photos-3.png

 

Select all the photos. (by default just the first one is selected so I hold down the shift key and click the last photo as well). Then I click Upload and Close. Optionally I can change the settings to send pictures optimized for viewing on the web but I’ll stick with the defaults for now since I already optimized the photos.

Upload-some-photos-4.png

Add a slideshow web part to the home page

Click the Home tab link.

Add-a-slideshow-web-part-to-the-home-page-1.png

 

Click the Edit Page Icon to put the page into edit mode.

Add-a-slideshow-web-part-to-the-home-page-2.png

 

Click the Insert Tab

Add-a-slideshow-web-part-to-the-home-page-3.png

 

Select the Web Part Icon in the Ribbon. This causes an expansion for the selecting of the web parts. I click Media and Content in order to show expose the Picture Library Slideshow Web Part.

Add-a-slideshow-web-part-to-the-home-page-4.png

 

Click on the Picture Library Slideshow Web Part and then click Add.

Add-a-slideshow-web-part-to-the-home-page-5.png

 

Configure the slideshow web part

I move my mouse to the right edge of the web part (the page is still in edit mode) and when the black triangle appears I click it and choose Edit Web Part.

Configure-the-slideshow-web-part-1.png

 

I edit the web part properties as shown and then hit OK.

Configure-the-slideshow-web-part-2.png

 

Save the page

Click the save icon (kind of funny that an image of a diskette means save these days) and it’s done.

Save-the-page.png

 

Enjoy!
Spike Xavier
SharePoint Instructor – Interface Technical Training
Phoenix, AZ

Videos You May Like

Using Navigation Controls in a Collaboration Site in SharePoint

0 336 1

In this SharePoint training video, I want to talk about the Navigation Controls in SharePoint. They tend to fall into two kind of different categories; one with the navigation controls in a typical Collaboration Site such as a Team Site or a Project Site. These are Sites that are based on the Team Site Template … Continue reading Using Navigation Controls in a Collaboration Site in SharePoint

How to Use SharePoint Navigation Controls in a Publishing Site

0 223 2

For more SharePoint training videos in this series, see: Part 1 – Using Navigation Controls in a Collaboration Site in SharePoint Part 2 – » Using Navigation Controls in a Publishing Site in SharePoint « Part 3 – Configuring SharePoint Navigation in a Publishing Site – Activating the Publishing Feature Part 4 – How to Configure Navigation in SharePoint … Continue reading How to Use SharePoint Navigation Controls in a Publishing Site

Detailed Forensic Investigation of Malware Infections – April 21, 2015

4 602 5

How does an investigator hunt down and identify unknown malware? In this recording of our IT Security training webinar on April 21, 2015, Security expert Mike Danseglio (CISSP / CEH) performed several malware investigations on infected computers and identify symptoms, find root cause, and follow the leads to determine what’s happening. He demonstrated his preferred … Continue reading Detailed Forensic Investigation of Malware Infections – April 21, 2015

Write a Comment

See what people are saying...

  1. Avatar VHat

    When I do this I get a huge white space above the actual picture (saved from a .ppt). I actually want to show a .ppt presentation. Any advice? Thanks so much.

  2. Avatar Etan

    Yes! Does anyone know how to change the transition from fade to slide?

  3. Avatar Kelly

    How can you get only certain pictures in the Picture Library to show during the slideshow? I tried changing the Library View to “Selected Photos” but it still showed all of the images? How do I create a “Selected Photos” view?

  4. Avatar John

    Unfortunately, this approach means you have to create a new picture library for every single slideshow. You should be able to create views and folders in one picture library and show a slideshow containing the images in only one of those folders or views. Can’t seem to get that to work in SP2010. Crazy.

  5. Avatar Tim

    Thanks for the clear instructions.

    Do you know how to centre the images in the web part rather than being left aligned?

    Thanks again.

  6. Avatar Lachlan

    It would be nice if you would elaborate further as to how to edit the slide/image entry settings… fading in and out vs simply 'snapping' in, or adjusting the rate of fade, or even whether the image slowly appears or whether it 'slides' in from the left or from the right…

Share your thoughts...

Please fill out the comment form below to post a reply.