i put this code in my blog's header:
<div id="masthead">
<div class="ngg-widget-slideshow" id="ngg_widget_slideshow1"><img src="http://www.wanderingme.com/wp-content/gallery/banners/banner01.jpg" /> </div>
<script type="text/javascript" defer="defer">
var sbsl = new SWFObject("http://www.wanderingme.com/wp-content/plugins/nextgen-gallery/imagerotator.swf", "ngg_slideshow1", "985", "200", "7", "#095fa2");
sbsl.addParam("wmode", "transparent");
sbsl.addVariable("file", "http://www.wanderingme.com/wp-content/plugins/nextgen-gallery/nggextractXML.php?gid=5");
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", "5");
sbsl.addVariable("transition", "random");
sbsl.addVariable("width", "985");
sbsl.addVariable("height", "200");
sbsl.write("ngg_widget_slideshow1");
</script>
</div><!-- end MASTHEAD -->
the css is this:
#masthead {
position: absolute;
top: -5px;
height: 200px;
margin: 0 !important;
padding: 0 !important;
width: 985px;
z-index: 0;
}
it works on safari but not on firefox 3 mac version.
is there some problem with the code?
thanks,
Cezar
PS: an easier way to integrate slideshows in header would make this plugin a 5 stars one.