Picture Library Slideshow Web Part - How do I make the slideshow images display larger/full size?

2010-04-15

Question

_{Thursday, April 15, 2010 7:35 PM}

I was thrilled to see a slideshow web part in 2010 (I'm testing Foundations). It works great except for one thing - it displays the images at about half-size. I want the sildeshow to be 600 x 225. The images that I'm pulling in from the picture library are all 600 x 225. I've tried giving the web part a fixed hieght and width in the web part's settings, but all it does then is display the images as half size inside a 600 x 225 white box. Is there anything else I can do, short of trying to make all of my images 1200 x 450? I'm not even sure that would work. Is there a fixed size for images displayed with this web part?

As a side note, I have a web part that I imported that displays these images at the correct size. It doesn't use the fade transition I want and I'd just rather use the built in feature. But it's running in the exact same zone as the built in feature and working just fine, if that makes any difference.

Thank you in advance!

All replies (17)

_{Friday, April 16, 2010 5:11 AM}

I don't see a way to modify this in the GUI nor in SPD2010. Just to be sure, do yours look like what you see on our COSPUG site?

http://www.cospug.com/

They aren't half size at all, but rather they are all held within a certain height and width, but the sizes are perfect for what I like to see.

SharePoint Architect || Microsoft MVP || My Blog

_{Tuesday, April 27, 2010 6:49 PM}

Thank you for your prompt reply. For some reason I wasn't alerted that I had a reply. My apologies for taking so long to get back to you.

To answer your question: what I see is smaller than the pictures displayed on your web part, but I think that is probably just because my originals are smaller than yours. Taking that into consideration, I'd say mine is functioning just like yours.

To clarify the function this web part is playing - I'm building an internet facing site for our company & testing Foundations to that end. The slideshow would actually be a part of the home page's design, a way to display a series of images integral to the design rather than a slideshow of pictures from recent events or something like that. So, they need to be a certain size. I've done it in WSS 3.0 using a silverlight slideshow web part, just hoped I could go an easier route this time with the built in web part.

I agree that the size is perfect for your purposes, just not mine :-)

When you say there's no way to modify this in SPD2010, I assume you mean there's no way to modify whatever code it's built on?

_{Tuesday, June 21, 2011 9:43 PM}

Any idea How can I get slideshow in SP2007?

Thanks

Lakshmi

_{Wednesday, July 13, 2011 10:27 AM}

I have a related question. I have a lot of white space above the pictures in the slide show, this white space does not show up if I just display any of the pics static, i.e. - no slide show. How can I get rid of the white space?davidh

_{Friday, August 26, 2011 11:11 AM}

Hello Davidh,

I have the same problem that you have, a lot of white space above the pictures, did you find the solution?

Thanks

Maria

_{Friday, August 26, 2011 12:37 PM}

You can look on third-party Image Slider for SharePoint.Senior Software Developer - Virtosoftware - Premium Web Parts for Microsoft SharePoint 2007 & 2010

_{Friday, August 26, 2011 1:01 PM}

@Nagalaskhmi: there are tons of Jquery plugins for this"T" | community.zevenseas.com/Blogs/Tanmay/default.aspx

_{Friday, August 26, 2011 1:02 PM}

@Nagalaskhmi: there are tons of Jquery plugins for this"T" | community.zevenseas.com/Blogs/Tanmay/default.aspx

_{Friday, August 26, 2011 1:03 PM}

Try using CSS tricks to dynmaically change the height width.. you can apply it on existing webparts"T" | community.zevenseas.com/Blogs/Tanmay/default.aspx

_{Saturday, December 31, 2011 11:08 PM | 1 vote}

with some simple jQuery in a Content Editor WebPart you can easily overcome this.

    <script>   
    $(document).ready(function() {   
    var divList = $("div[id^='MSOPictureLibrarySlideshowWebPart']");   
    var currImage= $("img[id$='curr']");   
    divList.height('100%');   
    divList.width('100%');   
    currImage.height('125%');   
    currImage.width('125%');   
    });</script>

_{Tuesday, January 31, 2012 5:09 PM}

So this code should be in a content editor webpart directly under the Picture Slideshow webpart .. correct? My issue is extra white space below the images so hopefully it will work for all white space.

Also, do you know a way to center the title/text below the image? When I set it to just title or title and description below image it left justifies to the toolbar which is a few spaces left of the image so it looks funny. Would like either option to center under images.

Thanks!

_{Tuesday, January 31, 2012 5:38 PM | 1 vote}

I've used this here before: https://www.nothingbutsharepoint.com/sites/eusp/Pages/Creating-your-own-Content-Slider-for-SharePoint.aspx

_{Tuesday, June 5, 2012 9:20 PM}

I tried this solution, but it didn't affect anything. Any ideas as to why it wouldn't or what I may need to do?

_{Thursday, June 28, 2012 5:07 PM}

Shiri's jQuery code worked great for me in IE8 but the images don't display in IE7.

_{Tuesday, September 25, 2012 2:17 AM | 1 vote}

I found that this modified version of the above script from Bahram Shiri works better for me.

_{Friday, January 25, 2013 4:56 AM | 1 vote}

So everyone's answer is to ignore the problem, and get around it with 3rd party code. So pay thousands of dollars for a piece of broken software from M$? I'm confused here guys. M$ needs to answer to problems like this, not rely on "free" web workarounds.

_{Tuesday, April 9, 2013 4:14 AM}

Hear Hear

Share via

Picture Library Slideshow Web Part - How do I make the slideshow images display larger/full size?

Question

All replies (17)

Additional resources