Vertical pictures in slideshow

How do you get vertical (portrait) pictures to display correctly during preview using slideshow? My vertical pictures are rotated to fit the 720 x 480 window so they are displayed sideways. Do I have to prepare them in photoshop in a 720 x 480 file with bars on each side?

... and you can control the resize/recompose of each image paying attention to action safe area. I found a lot of no pro images, in particular those with people can have the heads very near the image border and you can loose some of them if you don't edit them first to add some background/border.
Hope that helps !
Alberto

Similar Messages

How can I fix the image size in a "Picture Library Slideshow Web Part"

When I upload images to be used in the Slideshow Web Part they become skewed because they are different sizes. Is there a way to fix this besides uploading images that are all the same size?
Thanks,
Kathleen

http://webcache.googleusercontent.com/search?q=cache:bfUcFkD_bxgJ:spcodes.blogspot.com/2012/08/display-slide-show-images-within-fixed.html+&cd=4&hl=en&ct=clnk&gl=in
Display Slide Show Images within fixed size
The Picture Library Slide Show Web Part show the images stored in a picture library with slide show effect.
This slide show web part displays the images with it's original size. Due to this the web part changes its size according to the image size. If we want the slide show to run within the specific size on the page then we need to control the size of the images
to the fixed length during runtime.
To achieve this we need to add the CEWP above the picture Library Slide Show web part & insert the following script in that web part.
<style type="text/css">
.ms-WPBody TD {
    PADDING-BOTTOM: 0px; BORDER-RIGHT-WIDTH: 0px; MARGIN: 0px; PADDING- WIDTH: auto !important; PADDING-RIGHT: 0px; BORDER-TOP-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; HEIGHT:
auto !important; VERTICAL-ALIGN: middle; BORDER-LEFT-WIDTH: 0px; PADDING- 0px
.ms-WPBody TD DIV {
    PADDING-BOTTOM: 0px; BORDER-RIGHT-WIDTH: 0px; MARGIN: 0px; PADDING- WIDTH: 100% !important; PADDING-RIGHT: 0px; BORDER-TOP-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; HEIGHT:
auto !important; VERTICAL-ALIGN: middle; BORDER-LEFT-WIDTH: 0px; PADDING- 0px
.ms-WPBody TD IMG {
    PADDING-BOTTOM: 0px; BORDER-RIGHT-WIDTH: 0px; MARGIN: 0px; PADDING- WIDTH: 260px !important; PADDING-RIGHT: 0px; BORDER-TOP-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; HEIGHT:
190px !important; VERTICAL-ALIGN: middle; BORDER-LEFT-WIDTH: 0px; PADDING- 0px; align: center
.s4-wpcell-plain {
    PADDING-BOTTOM: 0px; BORDER-RIGHT-WIDTH: 0px; MARGIN: 0px; PADDING- WIDTH: 100% !important; PADDING-RIGHT: 0px; BORDER-TOP-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; HEIGHT:
auto !important; VERTICAL-ALIGN: middle; BORDER-LEFT-WIDTH: 0px; PADDING- 0px
.ms-PartSpacingVertical {
    MARGIN-"color:#783f04;font-family:'Courier New',Courier,monospace;" />}
.style1 {
    COLOR: #808080
}</style>
We can fix the height & width of the image in the .ms-WPBody TD IMG css.
http://sharepoint.stackexchange.com/questions/66028/picture-slideshow-web-part-image-size-too-small
How to display original images in SlideShow web part
Step 1. Save below JavaScript code to 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
//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>
Step 2. Add CEWP on page where Slideshow web part is located and in the Content Editor tool pane, under Content Link, type
/SiteAssets/SlideshowObjectInitializer.txt.
If this helped you resolve your issue, please mark it Answered

Eliminate White Space in Picture Library Slideshow Web Part

On my site, I am using picture library slideshow web parts on two different pages, and one of them is giving me trouble with unwanted white space between the photos and the back, pause, forward control buttons (see photo below).
In an attempt to resolve this issue, I have tried numerous things. I have resized the width and height of the web part itself to many different sizes, but to not avail. I have cropped and resized all of the photos to be the exact same size of 300x200
pixels. I have used CSS to display the photos to their actual size rather than the standard preview size. With all of this in mind, my second photo library web part on another page works perfectly. This was white space problem was only an issue until
I resized/cropped the photos in that case. For this page, however, that solution is not working.
Does anyone have any clue as to how I can remove this unwanted white space?
Thank you!

Hi Stacey,
From your description, you would like to remove white space in picture library slideshow web parts. You used CSS to solve it however a web part still show white spaces.
Please press F12 and see if there is div tag in white space, if there is, try remove it.
http://365.webbrewers.com/Pages/webbrewerstest.aspx
In addition, try edit web part properties > Display with > choose No Title or Description.
Here is a similar thread for your reference:
http://social.technet.microsoft.com/Forums/en-US/1e63661f-0183-44e7-843a-cca58a20cddc/remove-empty-space-in-picture-library-slideshow-web-part?forum=sharepointgeneralprevious
Regards,
Rebecca Tu
TechNet Community Support

Vertical Pictures Cut Off in Photo Album Page

On my photo albums page, the picture I want to use as the first picture is a vertical picture. But on the albums page, the albums are all horizontal. So when someone goes to look at my albums page, they just see these cut-off pictures with heads missing. Is there a way to change the orientation of the albums so they are vertical? Or is there a way to edit the first picture so that you can move the picture down so at least the head is showing in the horizontal view?

Hi Kara,
the only solution I can find is to drop a vertical photo into the MyAlbums page and cover the album with it (thus hiding the other head-less photo) linking that photo to the photopage.
However this will cause the effects moving the pointer over the album cover (skim, dissolve, ...) to disappear.
As far as I know albums can't be rotated and vertical photos are cut off and you can't tell iWeb not to cut them off...
Regards,
Cédric

Increasing font size / captions of pictures in slideshow view

Hello,
Is there any way to make the caption / font, that appears below the pictures while viewing the individual pictures in a slideshow, larger? I can change the font size using the inspector on the static iWeb page, but when I publish to the website and view it online, the captions below the pictures (in slideshow) are still small / hard to read?
Thanks and sorry if this is a repost...I can't seem to find an answer to this question.

Welcome to the Apple Discussions. Cyclosaurus' post in this topic may not be the view you want to change but take a look at it anyway: http://discussions.apple.com/thread.jspa?messageID=8367274&#8367274.
OT

How do I sequence pictures in slideshow or movie

how do I sequence pictures in slideshow or movie
1. I tried to drag in thumbnail pictures but can't get the page to move where I want to place the pic
2. Tried to move pictures in movie project, but they are so small on the bottom and seem to come up in threes when I just want to move one picture at a time.
Thanks! Newbee

If delivering your content from an LMS, there should be an option to play the content in a separate browser window...without toolbars. This makes it a lot easier to predict what size you need to build your course.
After factoring in all the variables and using trial and error on a number of systems, with and without LMSs, I've found a size of 995x627 to be almost ideal. It's big enough to display most software apps and websites, but small enough to be viewable by users on 1024x768 systems.
You have to remember that if you have a significant number of end-users on 1024x768 and that's the lowest common resolution you need to build for, then you CANNOT make your screen size 1024x768. You have to build smaller to allow for toolbars, browser chrome, etc.
One of the first things any wise elearning developer does when they begin a project, before they start creating content, is to survey their user base and find out what constraints are imposed within which they need to work. Things like monitor resolution, Flash-player version, LMS, bandwidth all play a part in the success or failure of your project. Find out early rather than later.

SharePoint 2013 shows the same picture library after add more than two picture library slideshow web part in one page.

The environment is SP2013 with SP1, I had check the KB, but don't have any hotfix about this.
I had try it on the different fram, also the same result.
I try it on sharepoint online is work. So I think that must have hotfix about this.
I find there is someone have the sam problem.
http://sharepoint.stackexchange.com/questions/70944/picture-library-slideshow-issue-with-multiple-libraries
Some snapshot about this :
Vinci Wang

Hi Vinci,
Thanks for posting your issue, This is a known issue in 2013. You could have multiple slideshow
webparts on a page in 2010, but it won't work in 2013. As of now there is no hot fixes for this issue. you can try code mentioned in below URL
https://social.technet.microsoft.com/Forums/sharepoint/en-US/5ca65f7f-770b-4b0f-8e40-d08578a6442b/sharepoint-2013-picture-library-slideshow-web-part-image-not-displaying-correct-size
Also, check out below mentioned URLs to know more about this issue and fixes
http://sharepoint.software.tech.answers.ninja/post/70944
https://social.msdn.microsoft.com/Forums/office/en-US/63b2ce8c-5f31-4a39-934e-6d759e9afa0c/picture-library-slideshow-web-part?forum=sharepointgeneralprevious
http://blog.vgrem.com/2013/04/27/beyond-the-slideshow-web-part-capabilities-in-sharepoint-2010/
I hope this is helpful to you, mark it as Helpful.
If this works, Please mark it as Answered.
Regards,
Dharmendra Singh (MCPD-EA | MCTS)
Blog : http://sharepoint-community.net/profile/DharmendraSingh

Remove empty space in Picture Library Slideshow web part

I'm using Picture Library Slideshow web part in one of my pages. The web part itself is working fine, but I'm a bit annoyed by the white space the web part is consuming.
The web part puts lots of empty space between the web part header and the picture and also to the bottom of the web part.
The Slideshow web part generates the CSS on the fly, so I cannot really get a control of it cause it doesn't have any static CSS classes(that I know of, at least).
How could I get rid of these white spaces?

Hi Pekch,
Thanks for your post.
You can achieve this using JQuery.
1.
Download
JQuery to your SharePoint Server, and then add a Content Editor Web Part to the page;
2.
View the source code using IE developer(Press F12), the code likes below:
<td style="width: 195px; height: 213px;">
                <div style="..." id="MSOPictureLibrarySlideshowWebPart_ctl00_m_g_ffa17524_ffa7_44e7_974c_1756a39257b9_cell">
                </div>
</td>
3.
So now, you can find the control whose id is started with “MSOPictureLibrarySlideshowWebPart” using the JQuery Code below:
jQuery('div[@id^=”MSOPictureLibrarySlideshowWebPart”]')
4.
Remove the style of the “div” and his parent “td”. Because there is a “Width” attribute in both levels.
More information:
http://weblogs.asp.net/jan/archive/2010/10/05/getting-started-with-jquery-templates-and-sharepoint-2010.aspx
http://www.bennadel.com/blog/1003-Cool-jQuery-Predicate-Selectors.htm

Picture Library Slideshow Web Part

I am able to create a slide show via Picture Library Slideshow Web Part but the title and description will not show up. I have tried all the options but
only the picture shows and not the picture title. I was hoping to have the picture title appear below the image. Can this be fixed or is it something I have to do without?
Thank you.

Hi Sarah,
According to your description, my understanding is that you want to show Title of the image under the image in Picture Library Slideshow Web Part.
I recommend to edit the Picture Library Slideshow Web Part and select Title only below image under Display with and make sure that the picture in the picture library has value in Title field.
Best regards.
Thanks
Victoria Xia
TechNet Community Support

How to enlarge picture in slideshow?

how to enlarge picture in slideshow?

Drag by selecting the Hero Image to enlarge. Please elaborate your query if that is not what you're looking for.
Thanks,
Vinayak

None of the vertical pictures will import. I don't even get the black screens so can't even try the edit option that others suggest. Sounds like we all have to report it to apple to get a fix?????

I Cannot import any vertical pictures. I don't even get a black screen and therefore can't edit. After downloading from the camera the vertices pictures show with a red ! And won't import. Sounds like we all have to report this to apple ....but anyone had same issue and how can I fix, we are on trip and need to clear the camera for more photos.

This topic belongs in the iPhoto for iOS community. I've asked the hosts to move it there.

Vertical Pictures - Upload to Web

I'm having problems with vertical pictures.
When I browse my pictures anywhere on my Mac Book (Finder, iPhoto, Photoshop, etc.) I can view my pictures in their correct vertical and horizontal state. However, when I upload my images anywhere on the web (my photography class online website, web albums, myspace, etc.) the vertical images load horizontally.
How can I solve this?

Stop uploading the incorrect way by going directly into the iPhoto library and start uploading by using the media browser - at the bottom of the source pane in the upload window under media ==> pictures ==> iPhoto - it often give you incorrect results and risks corrupting your iPhoto library
For a more complete discussion on accessing your photos click here.
LN

I can only post 11 pictures in slideshow??

Using version 5. It is only alowing me to add 11 pictures to slideshow. Cannot find a wat to page fwd to add more

Check the image exceptions: Tools > Options > Content: Load Images: Exceptions - See [[Options window - Content panel]]
A way to see which images are blocked is to click the favicon (<i>Site Identification</i> icon) on the left side of the location bar.<br \>
A click on the "More Information" button will open the Security tab of the "Page Info" window (also accessible via "Tools > Page Info").<br \>
Open the <i>Media</i> tab of the "Page Info" window.<br \>
Select the first image and scroll down though the list with the Down arrow key.<br \>
If an image in the list is grayed and there is a check-mark in the box "<i>Block Images from...</i>" then remove that mark to unblock the images from that domain.<br \>
See also [[Images or animations do not show]] and http://kb.mozillazine.org/Images_or_animations_do_not_load

Shuffling pictures in slideshow

Discovered iPhoto 2011 doesn't allow for shuffling pictures in slideshow. Suggestions for software allowing photo shuffling?

You'll need to define "shuffling"... it's one of those terms that means different things to different people.
Regards
TD

Vertical pictures become horizontal after being imported

I imported pictures directly from my picture folder. I need the vertical pictures to stay vertical, but many of them, not all of them, become horizontal after being imported into iMovie 06. How do I correct this?
Thanks for your help.

Thanks for responding. Do you know how to correct this problem so that vertical images stay vertical?

Vertical pictures in slideshow

Similar Messages

Maybe you are looking for