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

A Simple Introduction to Cisco CML2

0 3619 0

Mark Jacob, Cisco Instructor, presents an introduction to Cisco Modeling Labs 2.0 or CML2.0, an upgrade to Cisco’s VIRL Personal Edition. Mark demonstrates Terminal Emulator access to console, as well as console access from within the CML2.0 product. Hello, I’m Mark Jacob, a Cisco Instructor and Network Instructor at Interface Technical Training. I’ve been using … Continue reading A Simple Introduction to Cisco CML2

Configuring Windows Mobility Center and How to Turn it On and Off

1 1402 1

Video transcription Steve Fullmer: In our Windows training courses, we often share information about the Windows 8.1 Mobility Center. Mobility Center was introduced for mobile and laptop devices in Windows 7. It’s present and somewhat enhanced in Windows 8. Since we don’t have mobile devices in our classrooms, I decided to take a little bit … Continue reading Configuring Windows Mobility Center and How to Turn it On and Off

How to use AWS CloudFormation templates to automate solutions inside Amazon AWS

0 380 0

  In the AWS Class here at Interface, we actually build fully automated solutions with AWS CloudFormations. Here’s an overview of using AWS templates using CloudFormation. CloudFormation is basically an “infrastructure-as-code tool” where you can go into a declarative document and define all the resources that you want and feed the document into the CloudFormation … Continue reading How to use AWS CloudFormation templates to automate solutions inside Amazon AWS

Write a Comment

See what people are saying...

    Share your thoughts...

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