[[This customization is no longer supported. Last I checked, it does work in some browsers, but not all. If you use it, you are on your own - please do not expect support or help in making it work. Unfortunately, Smugmug makes it nearly impossible to customize gallery slideshows when it would have been very trivial for them to make it easy to customize.]]

As many have realized, Smugmug did not build in a way to customize the parameters on either the gallery slideshow or the full screen slideshow. Homepage slideshows, on the other hand, can control all sorts of things (captions, thumbs, buttons, transparency, etc...). So, using this customization, you can turn off captions, buttons, speed indicators and thumbs in either the gallery slideshow or the full screen slideshow.
Here's how you do it:

Step 1: Paste Code into your Bottom Javascript.

Paste this code into your bottom javascript in your site-wide-customization:

// ---------------------------------------------
// Slideshow parameter modification
// ---------------------------------------------
function MyEmbedSWF(swfURL, containerID, swfID, version, backgroundColor, expressInstall)
{
	// catch all exceptions here so, if there's an error, we just continue on as if we weren't here
	try {
		var overrides = null;
		if (this._type == "gallery")
		{
			overrides = this.gallerySlideshowOverrides;
		}
		else if (this._type == "fullScreen")
		{
			overrides = this.fullScreenSlideshowOverrides;
		}
		if (overrides)
		{
			// copy all overrides over into the objects flashVars
			for (var i in overrides)
			{
				this._flashVars[i] = overrides[i];
			}
		}
	} catch (e) {}
	oldEmbedSWF.apply(this, arguments);		// call the regular handler for this method
}


function SetSlideshowOverrides()
{
	var globalGallerySlideshowConfigOverride = {
		showButtons: "false",
		showSpeed: "false",
		showThumbs: "false",
		captions: "false",
		transparent: "true"		// no comma after the last entry in this table or IE7 will barf
	};

	var globalFullScreenSlideshowConfigOverride = {
		showButtons: "false",
		showSpeed: "false"		// no comma after the last entry in this table or IE7 will barf
	};
	
	SM.flash.Slideshow.prototype.gallerySlideshowOverrides = globalGallerySlideshowConfigOverride;
	SM.flash.Slideshow.prototype.fullScreenSlideshowOverrides = globalFullScreenSlideshowConfigOverride;
	
	// now check to see if anything was defined just for this gallery and use it instead
	if (typeof(localGallerySlideshowConfigOverride) == "object")
	{
		SM.flash.Slideshow.prototype.gallerySlideshowOverrides = localGallerySlideshowConfigOverride;
	}
	if (typeof(localFullScreenSlideshowConfigOverride) == "object")
	{
		SM.flash.Slideshow.prototype.fullScreenSlideshowOverrides = localFullScreenSlideshowConfigOverride;
	}
}

// SM.flash.Slideshow is only defined in a galleries page
if (typeof(SM.flash.Slideshow) == "function")
{
	var oldEmbedSWF = SM.flash.Slideshow.superclass._embedSWF;
	SM.flash.Slideshow.superclass._embedSWF = MyEmbedSWF;
	SetSlideshowOverrides();
}

// ---------------------------------------------
// end of slideshow customization
// ---------------------------------------------

Step 2: Modify Slideshow Parameters

In this code that you just put into your bottom javascript are two tables of values. One is called globalGallerySlideshowConfigOverride, the other is called globalFullScreenSlideshowConfigOverride. This is where you set the values that you want your gallery slideshows or your full screen slideshows to have. These tables affect all gallery slideshow or all full screen slideshows in your site. If you want to only change the slideshow in one specific gallery, then these tables can be left empty and you can read on to the following steps.

The valid values for these tables are as follows:

showButtons: "false",
showSpeed: "false",
showThumbs: "false",
captions: "false",
bgColor: "FF0000",

You MUST remember that the last parameter in this table should NOT have a comma after it or the code will fail in IE7 and will not work. For the bgColor parameter, you put any six digit hex color for the background of the slideshow.

Step 3 - Set Parameters for a Specific Gallery (optional)

If you want to set different parameters for a specific gallery, here's how you would do that. In the albumDescription for that gallery, paste this code:

<html>
<script type="text/javascript">
var localGallerySlideshowConfigOverride = {
    showButtons: "false",
    showSpeed: "false",
    showThumbs: "false",
    captions: "false"
};

var localFullScreenSlideshowConfigOverride = {
    showButtons: "false",
    showSpeed: "false"
};
</script>
</html>

Then, edit the parameters in these tables to what you want for that specific gallery. The earlier code will look for the existence of these gallery specific tables and if they exist, it will use the values from here instead of the global values. Again, remember that you must not have a comma after the last parameter in each table.

Hi there,
Thanks for this tutorial.

I have used this for my homepage slideshow but cannot change the background color.

http://brijeshpatel.smugmug.com/gallery/1869831

I want to change the black background color of the slideshow so it blends with the rest of the page.

Would be greatfull for your help.

Manieer

Originally Posted by manieer Hi there, Thanks for this tutorial. I have used this for my homepage slideshow but cannot change the background color. http://brijeshpatel.smugmug.com/gallery/1869831 I want to change the black background color of the slideshow so it blends with the rest of the page. Would be greatfull for your help. Manieer

I haven't yet supported the background color customization. I will see if I can look into that.

Originally Posted by manieer Hi there, Thanks for this tutorial. I have used this for my homepage slideshow but cannot change the background color. http://brijeshpatel.smugmug.com/gallery/1869831 I want to change the black background color of the slideshow so it blends with the rest of the page. Would be greatfull for your help. Manieer

As it turns out, you can just add the bgColor parameter to the same structure as above and it will allow you to control the background color of the gallery slideshow. I added that info to the original posting.

Hi. I've tried the lengthy code and put it in my bottom javascript as mentioned above, but it still did not remove my captions in full screen slideshow which I wanted to do. The only thing it did was get rid of the speed buttons on the topmost left. I was wondering if I'm missing something. Please help. Thanks!

Originally Posted by rainprel Hi. I've tried the lengthy code and put it in my bottom javascript as mentioned above, but it still did not remove my captions in full screen slideshow which I wanted to do. The only thing it did was get rid of the speed buttons on the topmost left. I was wondering if I'm missing something. Please help. Thanks!

Can you please provide a link to the gallery that has captions where you're trying to remove them from the full screen slideshow so I can look at what you implemented?

Originally Posted by jfriend Can you please provide a link to the gallery that has captions where you're trying to remove them from the full screen slideshow so I can look at what you implemented?

Thanks for the quicky reply, John.

Here's the direct link to the gallery:
http://www.yenbaet.com/gallery/8348541_8SrPF
or, my smugmug URL:
http://rainprel.smugmug.com/gallery/8348541_8SrPF

Originally Posted by rainprel Thanks for the quicky reply, John. Here's the direct link to the gallery: http://www.yenbaet.com/gallery/8348541_8SrPF or, my smugmug URL: http://rainprel.smugmug.com/gallery/8348541_8SrPF

In this part of the code:

    var globalGallerySlideshowConfigOverride = {
        showButtons: "false",
        showSpeed: "false",
        showThumbs: "false",
        captions: "false"           // no comma after the last entry in this table or IE7 will barf
    };

    var globalFullScreenSlideshowConfigOverride = {
        showButtons: "false",
        showSpeed: "false"        // no comma after the last entry in this table or IE7 will barf
    };

you have to set the parameters you want. These are simply example parameters. You haven't specified to turn captions off for the full screen slideshow on buttons and speed indicators. If you add captions: "false" to the full screen list, captions will go off.

Originally Posted by jfriend In this part of the code: var globalGallerySlideshowConfigOverride = { showButtons: "false", showSpeed: "false", showThumbs: "false", captions: "false" // no comma after the last entry in this table or IE7 will barf }; var globalFullScreenSlideshowConfigOverride = { showButtons: "false", showSpeed: "false" // no comma after the last entry in this table or IE7 will barf }; you have to set the parameters you want. These are simply example parameters. You haven't specified to turn captions off for the full screen slideshow on buttons and speed indicators. If you add captions: "false" to the full screen list, captions will go off.

Thanks so much once again. Worked lke a charm. I think a lot of people are looking for this code; this definitely helps.

Thanks for the code.

can we customize the size (width) of the slideshow with this code?

Originally Posted by sunxsweet can we customize the size (width) of the slideshow with this code?

Assuming you're talking about the slideshow view in a gallery, the width of the images is automatically calculated based on what Smugmug thinks will fit in the available screen area. I'd have to look to see whether it's possible to customize that. What exactly are you wanting to do? Make it bigger? Make it smaller? How much relative to the screen size?

Is there a way to set the default speed to 'Fast'?

Originally Posted by corbosman Is there a way to set the default speed to 'Fast'?

Not that I know of.

Fixed a problem with this code that was causing a script error in non-gallery pages that could cause some other code to stop working. If you have installed this code, you should update your code with the newest version that is now included in the first post in this thread.

Originally Posted by jfriend Fixed a problem with this code that was causing a script error in non-gallery pages that could cause some other code to stop working. If you have installed this code, you should update your code with the newest version that is now included in the first post in this thread.

Hey,

Thanks for getting back to me over here and sorry for my delayed response. I've copied and pasted in the new code but I'm still having the same issue.

What am I doing wrong?

As an addition, this is what I have in my Bio box:
<html>
********>
var ssConfig = {
AlbumID: '9192288',
newWindow: 'false',
transparent: 'true',
showLogo: 'false',
clickToImage: 'true',
showThumbs: 'false',
randomize: 'true',
borderThickness: '10',
borderColor:'ffffff',
showButtons: 'false',
imgAlign: 'center',
clickUrl: '/galleries',
crossFadeSpeed: '350'
};

SM.flash.insertSlideshow(1000, 700, ssConfig, 'transparent');
</********
</html>

Www.jwcarterphotograpy.comhttp://www.jwcarterphotography.com

QUOTE=jfriend]As many have realized, Smugmug did not build in a way to customize the parameters on either the gallery slideshow or the full screen slideshow. Homepage slideshows, on the other hand, can control all sorts of things (captions, thumbs, buttons, transparency, etc...). So, using this customization, you can turn off captions, buttons, speed indicators and thumbs in either the gallery slideshow or the full screen slideshow.
Here's how you do it:

Step 1: Paste Code into your Bottom Javascript.

Paste this code into your bottom javascript in your site-wide-customization:

// ---------------------------------------------
// Slideshow parameter modification
// ---------------------------------------------
function MyEmbedSWF(swfURL, containerID, swfID, version, backgroundColor, expressInstall)
{
	// catch all exceptions here so, if there's an error, we just continue on as if we weren't here
	try {
		var overrides = null;
		if (this._type == "gallery")
		{
			overrides = this.gallerySlideshowOverrides;
		}
		else if (this._type == "fullScreen")
		{
			overrides = this.fullScreenSlideshowOverrides;
		}
		if (overrides)
		{
			// copy all overrides over into the objects flashVars
			for (var i in overrides)
			{
				this._flashVars[i] = overrides[i];
			}
		}
	} catch (e) {}
	oldEmbedSWF.apply(this, arguments);		// call the regular handler for this method
}


function SetSlideshowOverrides()
{
	var globalGallerySlideshowConfigOverride = {
		showButtons: "false",
		showSpeed: "false",
		showThumbs: "false",
		captions: "false",
		transparent: "true"		// no comma after the last entry in this table or IE7 will barf
	};

	var globalFullScreenSlideshowConfigOverride = {
		showButtons: "false",
		showSpeed: "false"		// no comma after the last entry in this table or IE7 will barf
	};
	
	SM.flash.Slideshow.prototype.gallerySlideshowOverrides = globalGallerySlideshowConfigOverride;
	SM.flash.Slideshow.prototype.fullScreenSlideshowOverrides = globalFullScreenSlideshowConfigOverride;
	
	// now check to see if anything was defined just for this gallery and use it instead
	if (typeof(localGallerySlideshowConfigOverride) == "object")
	{
		SM.flash.Slideshow.prototype.gallerySlideshowOverrides = localGallerySlideshowConfigOverride;
	}
	if (typeof(localFullScreenSlideshowConfigOverride) == "object")
	{
		SM.flash.Slideshow.prototype.fullScreenSlideshowOverrides = localFullScreenSlideshowConfigOverride;
	}
}

// SM.flash.Slideshow is only defined in a galleries page
if (typeof(SM.flash.Slideshow) == "function")
{
	var oldEmbedSWF = SM.flash.Slideshow.superclass._embedSWF;
	SM.flash.Slideshow.superclass._embedSWF = MyEmbedSWF;
	SetSlideshowOverrides();
}

// ---------------------------------------------
// end of slideshow customization
// ---------------------------------------------

Step 2: Modify Slideshow Parameters

In this code that you just put into your bottom javascript are two tables of values. One is called globalGallerySlideshowConfigOverride, the other is called globalFullScreenSlideshowConfigOverride. This is where you set the values that you want your gallery slideshows or your full screen slideshows to have. These tables affect all gallery slideshow or all full screen slideshows in your site. If you want to only change the slideshow in one specific gallery, then these tables can be left empty and you can read on to the following steps.

The valid values for these tables are as follows:

showButtons: "false",
showSpeed: "false",
showThumbs: "false",
captions: "false",
bgColor: "FF0000",

You MUST remember that the last parameter in this table should NOT have a comma after it or the code will fail in IE7 and will not work. For the bgColor parameter, you put any six digit hex color for the background of the slideshow.

Step 3 - Set Parameters for a Specific Gallery (optional)

If you want to set different parameters for a specific gallery, here's how you would do that. In the albumDescription for that gallery, paste this code:

<html>
<script type="text/javascript">
var localGallerySlideshowConfigOverride = {
    showButtons: "false",
    showSpeed: "false",
    showThumbs: "false",
    captions: "false",
};

var localFullScreenSlideshowConfigOverride = {
    showButtons: "false",
    showSpeed: "false"
};
<script>
</html>

Then, edit the parameters in these tables to what you want for that specific gallery. The earlier code will look for the existence of these gallery specific tables and if they exist, it will use the values from here instead of the global values. Again, remember that you must not have a comma after the last parameter in each table.[/QUOTE]

Originally Posted by JWCarter How do you add the bottoms back to the gallery?

You asked something about the bottoms of your gallery. I have no idea what question you are asking about or what gallery you are asking about. Please describe the issue in more detail and please include a link directly to a gallery that has the problem and I'd be happy to help.

P.S. The link to your site is really messed up in dgrin. I am guessing that the proper link is http://www.jwcarter-photo.com, but I'm not sure.

Originally Posted by jfriend You asked something about the bottoms of your gallery. I have no idea what question you are asking about or what gallery you are asking about. Please describe the issue in more detail and please include a link directly to a gallery that has the problem and I'd be happy to help. P.S. The link to your site is really messed up in dgrin. I am guessing that the proper link is http://www.jwcarter-photo.com, but I'm not sure.

I am trying to put back the full screen slideshow buttons back on my
Wedding and Event pages. I think the slideshow updates is great and
I want to use it.
Sorry about the last post and the web adress in your reply is correct.
Thanks.
John

Originally Posted by JWCarter I am trying to put back the full screen slideshow buttons back on my Wedding and Event pages. I think the slideshow updates is great and I want to use it. Sorry about the last post and the web adress in your reply is correct. Thanks. John

T restore the slideshow button, remove these lines from your CSS:

.gallery_5525052 #breadcrumb {display: none;}
.gallery_5525911 #breadcrumb {display: none;}

If you don't want the style button to show, then go to customize gallery for those galleries and lock the style to Smugmug. This will cause Smugmug to take away the style button.