SlideShowPro Account Center: User Forums / Aligning SlideShowPro Player/Thumbgrid to top

kcta11 · 2012-04-06 15:34:07

I'm using the following code to embed the slideshow and a thumbgrid below it. The slideshow is center aligned vertically though so when I change the height everything moves down on the page. The X and Y are both set to '0' in flash. How can I get the slideshow to be top-aligned?

I've tried everything and can't see a clear answer either in the wiki or the forums... I've applied the following code to the album-1 id and it doesn't work:

height: 1200px; width: 650px; top: -600px;

Surely this has to be a pretty simple to do, no?

thank you!

<script type="text/javascript" src="http://yyyy.com/slideshowpro/m/embed.js"></script>

<div id="album-1">

</div>

<script type="text/javascript">
SlideShowPro({
attributes: {
src: "http://yyyy.com/yyyy_player/yyyy_nav.swf",
id: "album-1",
width: 650,
height: 1200
},
mobile: {
auto: false,
flash: false,
poster: "vignette"
},
params: {
bgcolor: "#000000",
allowfullscreen: true,
wmode: "transparent"
},
flashvars: {
xmlFilePath: "http://yyyyy.com/slideshowpro/images.php?album=8"
}
});
</script>

zippie · 2012-04-06 17:31:31

not exactly sure what you are trying to do but this centers the slideshow and gets rid of the top margin

Code:

<style type="text/css">
<!--
body {
text-align: center;
margin: 0px;
padding: 0px;
}
-->
</style>

put this css in the head

kcta11 · 2012-04-09 15:58:25

Hi Zippy, thanks for your reply, but that had no effect.

It looks to me like you're giving me code to center it horizontally, which is not what I need -- I need the vertical center align of the slideshow removed and the slideshow aligned to the top of the containing div (in this case album-1). There is no top margin or padding, it is not a padding or margin issue, I am trying to remove what appears to be the default center alignment of the slideshow.

I will restate this again:

There is a div, called album-1. This div contains the slideshow (see the code at the top of this page). This slideshow is 860px high (the slideshow+thumbgrid).

However, when the height of the slideshow is set to 860 (in the code above), part of the bottom is cut off and there is space at the top -- in other words, it is center-aligned within that div. When I increase the size over that, say to 1200 like in the code above), the additional space is created above as well as below -- the effect is the slideshow moves down the page. In other words, it is center-aligned vertically.

Just to be clear -- the div doesn't move down the page, the *slidehow* moves down within the div.

I do not need the slideshow to be center aligned. I would like it to be aligned at the top of the div. How do I do this?

Thank you!

Last edited by kcta11 (2012-04-09 16:00:06)

zippie · 2012-04-10 11:29:41

this is the default
contentAlign: "Center",
these are the flashvar options
http://wiki.slideshowpro.net/SSPplayer/ … ntentAlign

kcta11 · 2012-04-11 17:47:33

Hi Zippy --

Thanks, yes I had seen/tried that, that's not what I'm talking about. That aligns the images within the content area.

I've found a compromise I can live with, so I'm planning on giving up but if you or anyone else has any ideas, I'm happy to hear them. I've posted a screenshot which might better illustrate the issue. The screenshot depicts the containing div highlighted, with whitespace clearly visible above the top of the photo. The photo (slideshowpro) should be aligned to the top of that div with no whitespace. As you can see, it isn't.

In fact there's an equal amount of white space below the thumb grid (which is directly below the photo), which indicates that the slideshow/thumbgrid is center aligned vertically.

Last edited by kcta11 (2012-04-11 17:49:38)

kcta11 · 2012-08-08 17:07:43

I'm going to bump this, it's reared it's ugly head again. Anyone have any ideas?

kcta11 · 2012-08-08 17:19:33

I'm filing a bug report -- when the slideshow is made full-screen, upon returning to the default size, the slideshow is displayed properly.

kcta11 · 2013-02-19 16:48:49

Bumping this, not addressed in new release.

#1 2012-04-06 15:34:07

Aligning SlideShowPro Player/Thumbgrid to top

#2 2012-04-06 17:31:31

Re: Aligning SlideShowPro Player/Thumbgrid to top

Code:

#3 2012-04-09 15:58:25

Re: Aligning SlideShowPro Player/Thumbgrid to top

#4 2012-04-10 11:29:41

Re: Aligning SlideShowPro Player/Thumbgrid to top

#5 2012-04-11 17:47:33

Re: Aligning SlideShowPro Player/Thumbgrid to top

#6 2012-08-08 17:07:43

Re: Aligning SlideShowPro Player/Thumbgrid to top

#7 2012-08-08 17:19:33

Re: Aligning SlideShowPro Player/Thumbgrid to top

#8 2013-02-19 16:48:49

Re: Aligning SlideShowPro Player/Thumbgrid to top

Board footer