Title: [Plugin: NextGEN Gallery] Adding flash header
Last modified: August 19, 2016

---

# [Plugin: NextGEN Gallery] Adding flash header

 *  [jspirko](https://wordpress.org/support/users/jspirko/)
 * (@jspirko)
 * [18 years ago](https://wordpress.org/support/topic/plugin-nextgen-gallery-adding-flash-header-1/)
 * I would like to use a rotating header similar to the site [http://samba-koeln.de/](http://samba-koeln.de/).
   I have no idea where to start. I’ve seen several examples listed on Alex’s site,
   but I haven’t seen any instructions on how to implement.
 * Just point me in the right direction…
 * Thanks.

Viewing 7 replies - 1 through 7 (of 7 total)

 *  [jonimueller](https://wordpress.org/support/users/jonimueller/)
 * (@jonimueller)
 * [18 years ago](https://wordpress.org/support/topic/plugin-nextgen-gallery-adding-flash-header-1/#post-759233)
 * 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="http://gnoics.mytestbed.com/wp-content/gallery/headers/banner-05.jpg" /> </div>
       	<script type="text/javascript" defer="defer">
       	<!--
       	//<![CDATA[
       		var sbsl = new SWFObject("http://gnoics.mytestbed.com/wp-content/plugins/nggallery/imagerotator.swf", "ngg_slideshow1", "879", "258", "7", "#000000");
       		sbsl.addParam("wmode", "opaque");
       		sbsl.addVariable("file", "http://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).
 *  Thread Starter [jspirko](https://wordpress.org/support/users/jspirko/)
 * (@jspirko)
 * [18 years ago](https://wordpress.org/support/topic/plugin-nextgen-gallery-adding-flash-header-1/#post-759331)
 * 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 🙂
 *  [jonimueller](https://wordpress.org/support/users/jonimueller/)
 * (@jonimueller)
 * [18 years ago](https://wordpress.org/support/topic/plugin-nextgen-gallery-adding-flash-header-1/#post-759423)
 * 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! 🙂
 *  [basbecks](https://wordpress.org/support/users/basbecks/)
 * (@basbecks)
 * [18 years ago](https://wordpress.org/support/topic/plugin-nextgen-gallery-adding-flash-header-1/#post-759477)
 * Thanks,
 * It is working except for 1 thing. How do i align the flash image in the center
   of the page?
 * My website is [http://www.familie-becks.nl](http://www.familie-becks.nl).
 * Many thanx
 *  [cezarneaga](https://wordpress.org/support/users/cezarneaga/)
 * (@cezarneaga)
 * [18 years ago](https://wordpress.org/support/topic/plugin-nextgen-gallery-adding-flash-header-1/#post-759509)
 * jonimueller, your code works fine on safari, IE but not on Firefox for mac. would
   you have an idea why this is happening?
 *  [idef1x](https://wordpress.org/support/users/idef1x/)
 * (@idef1x)
 * [18 years ago](https://wordpress.org/support/topic/plugin-nextgen-gallery-adding-flash-header-1/#post-759511)
 * 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?
 *  [carnero](https://wordpress.org/support/users/carnero/)
 * (@carnero)
 * [17 years, 1 month ago](https://wordpress.org/support/topic/plugin-nextgen-gallery-adding-flash-header-1/#post-759611)
 * 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(“[http://www.aircoclima.nl/_cms/wp-content/plugins/nggallery/imagerotator.swf&#8221](http://www.aircoclima.nl/_cms/wp-content/plugins/nggallery/imagerotator.swf&#8221);,“
   ngg_slideshow1”, “879”, “258”, “7”, “#000000”); sbsl.addParam(“wmode”, “opaque”);
   sbsl.addVariable(“file”, “[http://www.aircoclima.nl/_cms/wp-content/plugins/nggallery/nggextractXML.php?gid=1&#8221](http://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.

Viewing 7 replies - 1 through 7 (of 7 total)

The topic ‘[Plugin: NextGEN Gallery] Adding flash header’ is closed to new replies.

 * 7 replies
 * 6 participants
 * Last reply from: [carnero](https://wordpress.org/support/users/carnero/)
 * Last activity: [17 years, 1 month ago](https://wordpress.org/support/topic/plugin-nextgen-gallery-adding-flash-header-1/#post-759611)
 * Status: not resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics