[Plugin: NextGEN Gallery] Adding flash header

There’s not a lot of documentation, but I managed to get it up and running on one of our client’s sites, still in production.

This may seem obvious, but the first thing you want to do is make sure that all the images are the same size. ??

1. Create an album. I named mine banners.

2. Upload your banner images to the album. I named mine banner01.jpg, banner02.jpg and so forth.

3. I couldn’t get the script to generate via the NG Gallery dashboard so I just plopped the code into header.php. You can see what needs to be changed in the code sample below. But notice that there is a banner already declared there? That is the “default” banner .. in case the viewer doesn’t have flash installed on his/her browser. ??

<div id="masthead">
<div class="ngg-widget-slideshow" id="ngg_widget_slideshow1"><img src="https://gnoics.mytestbed.com/wp-content/gallery/headers/banner-05.jpg" /> </div>
	<script type="text/javascript" defer="defer">
	<!--
	//<![CDATA[
		var sbsl = new SWFObject("https://gnoics.mytestbed.com/wp-content/plugins/nggallery/imagerotator.swf", "ngg_slideshow1", "879", "258", "7", "#000000");
		sbsl.addParam("wmode", "opaque");
		sbsl.addVariable("file", "https://gnoics.mytestbed.com/wp-content/plugins/nggallery/nggextractXML.php?gid=1");
		sbsl.addVariable("linkfromdisplay", "false");
		sbsl.addVariable("shownavigation", "false");
		sbsl.addVariable("showicons", "true");
		sbsl.addVariable("overstretch", "true");
		sbsl.addVariable("backcolor", "0x000000");
		sbsl.addVariable("frontcolor", "0xFFFFFF");
		sbsl.addVariable("lightcolor", "0xCC0000");
		sbsl.addVariable("screencolor", "0x000000");
		sbsl.addVariable("rotatetime", "10");
		sbsl.addVariable("transition", "random");
		sbsl.addVariable("width", "879");
		sbsl.addVariable("height", "258");
		sbsl.write("ngg_widget_slideshow1");
	//]]>
	-->
	</script>
</div><!-- end MASTHEAD -->

4. My masthead style looks like this:

#masthead {
	height: 258px;
	margin: 0 !important;
	padding: 0 !important;
	width: 879px;
}

You’ll just need to swap out your image heighth and width for what I have there.

That should be all you need! If you need more help, contact me offlist (check my profile for contact details).

Thanks! I will give it a shot…

Just one question. Do I need to create an album with galleries? or just a gallery?

I appreciate your help ??

You need to create an album, it contains all the galleries you have. To my way of thinking, that’s backward. Galleries should contain albums, but for NGG, it’s that backward way! ??

Thanks,

It is working except for 1 thing. How do i align the flash image in the center of the page?

My website is https://www.familie-becks.nl.

Many thanx

jonimueller, your code works fine on safari, IE but not on Firefox for mac. would you have an idea why this is happening?

Under Ubuntu/Linux with both firefox and konqueror the page buttons doesn’t show as well as the blog title and description ??
Under windows everything works fine.
Anyone an idea what this can be?

I don’t get it. It all seems to work fine at your websites but it doesnt at mine. I use the following code:

<script type=”text/javascript” defer=”defer”>
<!–
//<![CDATA[
var sbsl = new SWFObject(“https://www.aircoclima.nl/_cms/wp-content/plugins/nggallery/imagerotator.swf&#8221;, “ngg_slideshow1”, “879”, “258”, “7”, “#000000”);
sbsl.addParam(“wmode”, “opaque”);
sbsl.addVariable(“file”, “https://www.aircoclima.nl/_cms/wp-content/plugins/nggallery/nggextractXML.php?gid=1&#8221;);
sbsl.addVariable(“linkfromdisplay”, “false”);
sbsl.addVariable(“shownavigation”, “false”);
sbsl.addVariable(“showicons”, “true”);
sbsl.addVariable(“overstretch”, “true”);
sbsl.addVariable(“backcolor”, “0x000000”);
sbsl.addVariable(“frontcolor”, “0xFFFFFF”);
sbsl.addVariable(“lightcolor”, “0xCC0000”);
sbsl.addVariable(“screencolor”, “0x000000”);
sbsl.addVariable(“rotatetime”, “10”);
sbsl.addVariable(“transition”, “random”);
sbsl.addVariable(“width”, “879”);
sbsl.addVariable(“height”, “258”);
sbsl.write(“ngg_widget_slideshow1”);
//]]>
–>
</script>

My gallery name = Header-Particulier
The gallery id is= “1”

can somebody please help me out? I can’t see whats going wrong.