Originally Posted by jfriend Add this CSS: .slideshowContainer {margin: 0 auto;} I think I'll add that to the default CSS for the slideshow so it's centered by default.

Cool! Yeah, it might be a good idea to include it in the code to make it more foolproof.

And thanks for all of this BTW. It's lovely.

I thought I would give this a try as I am definately a rookie at customizing. I got the Javascript in, but steps 2 and 3 are throwing Dropbox errors. Not sure if the content moved or what might have happened.....

Thanks for all you do here. I am learning quite a bit from reading all your replies and posts!

Originally Posted by peestandingup Cool! Yeah, it might be a good idea to include it in the code to make it more foolproof. And thanks for all of this BTW. It's lovely.

Originally Posted by jfriend You're trying to insert the slideshow into your bio, but the bio is not on your homepage (at least when you're logged out) so there's no place to put the slideshow. You can either enable the bio in the homepage layout button or you can change where you're putting the slideshow and use "#homepageBoxes" instead of "#userBio".

Might add a note that to enable whatever box they are putting it in especially
the biobox or album description. Could be a common error.

Also might remind them to click "email" button for backup before any changes.

Originally Posted by Allen It's working in an unlisted gallery now. It's the source gallery being unlisted that's in question.

I got it drawing photos from an unlisted gallery now on my homepage.
So that works now.

John -
Just FYI - the dropbox links are a bit flakey. I'm often getting an error (5xxx) when I click on the links. Refreshing the page usually corrects the problem.

I'm not sure that you can do anything about it, just wanted to let you know.

--- Denise

Originally Posted by denisegoldberg John - Just FYI - the dropbox links are a bit flakey. I'm often getting an error (5xxx) when I click on the links. Refreshing the page usually corrects the problem. I'm not sure that you can do anything about it, just wanted to let you know. --- Denise

OK thanks. Dropbox must have been having system issues because I know there are people here that host flash files there and they generally seem to work for this kind of thing. I'm thinking about how to host the downloads permanently and have some other possibilities.

Edit: Yeah, I see that dropbox seems intermittent now. Works sometimes, doesn't work other times. Bummer. Hopefully they'll clean up their act in the next few hours. These are supported public links from dropbox and are supposed to work. If they don't fix it by later today, I'll find another place to host the files.

I have the top overlay caption applied, can it be moved up some and the
background h/w decreased? Was also looking for a way to format the font,
size, type, color, etc.

Originally Posted by Allen I have the top overlay caption applied, can it be moved up some and the background h/w decreased? Was also looking for a way to format the font, size, type, color, etc.

This piece of CSS controls the up/down position for top overlay:

.slideCaptionTop  .slideCaptionHolder {
    top: 25px;
}

I'd suggest overriding the CSS with your own CSS placed after the slideshow CSS, not editing this so that you can more easily upgrade to new versions.

The transparent overlay comes from a transparent PNG background image (so it will work in older browsers). You can supply your own and override the CSS. It's applied in this CSS:

.slideCaptionOverlay  .slideCaptionHolder {
	position: absolute;		/* has to be absolute to be on top of the image */
	left: 8.5%;
	width: 80%; 
	padding-left: 1.5%;
	padding-right: 1.5%;
	padding-top: 10px;
	padding-bottom: 10px;
	color: #FFF; 
	overflow: hidden;
	text-shadow: 1px 1px 1px #000; 
	-webkit-border-radius: 12px; 
	-moz-border-radius: 12px; 
	-o-border-radius: 12px; 
	border-radius: 12px; 
	
	background: transparent url(http://jfriend.smugmug.com/photos/1155231379_dvqbp-O.png) repeat;
	/* no transparent background in IE6 because it looks bad, can't use filters for PNG transparency 
	   because it interacts poorly with the filter based slide transitions */
	_background: none;

	zoom: 1;
	z-index: 8;
}

Originally Posted by jfriend This piece of CSS controls the up/down position for top overlay: ... I'd suggest overriding the CSS with your own CSS placed after the slideshow CSS, not editing this so that you can more easily upgrade to new versions. The transparent overlay comes from a transparent PNG background image (so it will work in older browsers). You can supply your own and override the CSS. It's applied in this CSS: ...

Thanks John, I didn't think about all this stuff was in your CSS group. Duh! Couldn't pick with WebDev.

More playing around here adding frame and background.

Originally Posted by Allen Thanks John, I didn't think about all this stuff was in your CSS group. Duh! Couldn't pick with WebDev. More playing around here adding frame and background.

I tried to put as much as possible in the CSS file so it could be customized/overridden as desired. You can temporarily set autoStart: "false" while testing to get a static slide image you can work with in web developer that isn't changing out from under you while looking at it.

If you're using more than one slideshow on your site, you may want to set the slideshow parameter cssClass on each slideshow to give your slideshows unique top level classes. You can then reference that class in your CSS so can target specific slideshows with your CSS without having to use the page level CSS to distinguish them and worry about where you put each slideshow on your site. For example, you could have a "ss-small" class for the little slideshow you have on your homepage, make any customizations for it using ss-small as a scope identifier in your CSS and then you can get all the same customizations on any other small slideshows by just setting the cssClass to ss-small.

Originally Posted by jfriend It appears that there is no albumDescription object in the page when the gallery is empty and you're not logged in so the code can't find any place to put the slideshow. Perhaps it needs either something in the gallery description or a photo in the gallery (I'm not sure) in order to be present.

P.S. If I try to add text in the albumDescription after I've inserted the slideshow, it hangs on Save.
http://www.janicebrowne.com/SamplerS...15540925_QtGow

As soon as I started testing this, I'm being forced to re-login much more frequently than usual. Any connection?

John: Would you like suggestions on the documentation too, or is it too early? (I'm an editor by profession and just can't help myself -- sorry!)

Originally Posted by BigRed As soon as I started testing this, I'm being forced to re-login much more frequently than usual. Any connection?

I think there is a connection. It happens to me too. I've filed a bug report here on a related topic and am waiting for some comment by Smugmug on it. There's also a new version of the API coming out in a little while that might let me workaround the issue.

Originally Posted by BigRed John: Would you like suggestions on the documentation too, or is it too early? (I'm an editor by profession and just can't help myself -- sorry!)

I know the doc is rough - not my favorite way to spend time. I'm open to suggestions. Might be best to just email them to me (via my dgrin profile) if you have thoughts.

Originally Posted by BigRed P.S. If I try to add text in the albumDescription after I've inserted the slideshow, it hangs on Save. http://www.janicebrowne.com/SamplerS...15540925_QtGow

It looks like it may not be a good idea to add the slideshow to the albumDescription. Perhaps it's better to add it after the breadcrumb like this (which is generally the same position on the page):

JF.InsertSlideshow({config options}, ".gallery_xxxxx #breadcrumb", after);

Any thoughts on popular or keyword feeds?

The "real old" slideshow required something, anything in the bioBox to run. I
think that activates the box like you suggested. Otherwise the show will only
be seen logged in.

Originally Posted by Allen Any thoughts on popular or keyword feeds? The "real old" slideshow required something, anything in the bioBox to run. I think that activates the box like you suggested. Otherwise the show will only be seen logged in.

I don't currently support popular or keyword feeds as the API for those is completely different and I spent my time on other things.

For keyword feeds, I'd suggest making an unlisted virtual gallery based on keywords and just using the gallery URL for that. Seems like a capable substitute.

I don't currently have a replacement for the popular or recent feed.

On the empty bioBox, I'll look into that. I'm already going to change the doc to NOT recommend using the albumDescription for a slideshow in a gallery. It's better to put it after the breadcrumb (which is always present and basically the same position as the albumDescription).

There is no real need to reference the bioBox tag at all. In fact, just putting as first child of #homepageBoxes works fine and then the bioBox is free to be used (or not used) for something else. I started out referring to the bioBox just to be "like" the old custom slideshow and make it compatible with the existing galleries page code (which hides the biobox on the galleries page). But, it may make more sense to just split from it entirely. I'll think about that. This is definitely what a beta is for - getting all the recommendations and documentation tuned.

John, do you know of a way I can have the very first photo have a transition at the start of the slide (like a simple fade up transition)?? I think this would look much more elegant than it just appearing on the screen. Thanks.

Originally Posted by peestandingup John, do you know of a way I can have the very first photo have a transition at the start of the slide (like a simple fade up transition)?? I think this would look much more elegant than it just appearing on the screen. Thanks.

No way to do it right now via configuration, but it's on my todo list because I agree with your observation. I was thinking about making the first actual slideshow image be a short fade-in. The splash image is already a short fade-out for much the same reason.