Support » Plugins and Hacks » nextgen-gallery .92 header hack

  • bjones

    (@bjones)


    Alex. I am trying to hack a slideshow into a header, I found where to change the background color for page reloads as illustrated in the following snip
    var so1913 = new SWFObject(“http://homeonorcas.com/wp-content/plugins/nextgen-gallery/imagerotator.swf”, “ngg_slideshow1”, “980”, “200”, “7”, “#053e73”);

    What I would like to do is declare an image as the loading background. so when pages are called and the header is reloaded the change isn’t so noticeable.

    You can see the base of what I am doing here.

    http://www.homeonorcas.com

    I have a base image that has the textured background and the text that I would like as the placemat.

    Any suggestions.

    For others that don’t use your plugin, the entire header code is below.

    <script type=”text/javascript” defer=”defer”>
    var so1913 = new SWFObject(“http://homeonorcas.com/wp-content/plugins/nextgen-gallery/imagerotator.swf”, “ngg_slideshow1”, “980”, “200”, “7”, “#053e73”);
    so1913.addParam(“wmode”, “opaque”);
    so1913.addVariable(“file”, “http://homeonorcas.com/wp-content/plugins/nextgen-gallery/nggextractXML.php?gid=1”);
    so1913.addVariable(“shownavigation”, “false”);
    so1913.addVariable(“showicons”, “false”);
    so1913.addVariable(“linkfromdisplay”, “true”);
    so1913.addVariable(“overstretch”, “false”);
    so1913.addVariable(“backcolor”, “0x053e73”);
    so1913.addVariable(“frontcolor”, “0xFFFFFF”);
    so1913.addVariable(“lightcolor”, “0xCC0000”);
    so1913.addVariable(“screencolor”, “0x053e73”);
    so1913.addVariable(“rotatetime”, “5”);
    so1913.addVariable(“transition”, “slowfade”);
    so1913.addVariable(“width”, “980”);
    so1913.addVariable(“height”, “200”);
    so1913.write(“ngg_slideshow1”);
    </script>

Viewing 13 replies - 1 through 13 (of 13 total)
  • bjones

    (@bjones)

    Alex, I could also do the same thing if the background was transparent…

    Alex Rabe

    (@alexrabe)

    I simply placed a image in the background (not as loading image)

    and also add

    so1913.addParam("wmode", "transparent");

    You can see the result here http://samba-koeln.de/

    So if a user don’t have the flash player, it should still work.

    bjones

    (@bjones)

    Thanks.

    dotcoma

    (@dotcoma)

    Hi

    I’ve been searching the web to find out how to use the gallery in a header, like you are talking about above. If anyone could point me in the direction of how to get started on this, it would be greatly appreciated.

    asorethumb

    (@asorethumb)

    dotcoma again (on a different pc; forgot about this login)

    I’ve gotten really close by using this wizard, however no images are showing up…I’m just getting the loading image. Below is the code I’m using. I’m not certain about the file code, but its all I could find…
    I’m trying to load the images from my gallery id #2. I’ve tried adding ?gid=2 to the end of the XML file, but no luck.

    <div id=”player”>This text will be replaced</div>

    <script type=”text/javascript”>
    var so = new SWFObject(‘http://www.black-n-bluegrass.com/wp-content/plugins/nextgen-gallery/imagerotator.swf’,’mpl’,’820′,’250′,’8′);
    so.addParam(‘allowscriptaccess’,’always’);
    so.addParam(‘allowfullscreen’,’true’);
    so.addVariable(‘height’,’250′);
    so.addVariable(‘width’,’820′);
    so.addVariable(‘file’,’http://black-n-bluegrass.com/wp-content/plugins/nextgen-gallery/nggextractXML.php’);
    so.addVariable(‘lightcolor’,’0xCCCCCC’);
    so.addVariable(‘transition’,’blocks’);
    so.addVariable(‘showicons’,’false’);
    so.addVariable(‘shownavigation’,’false’);
    so.addVariable(‘repeat’,’true’);
    so.write(‘player’);
    </script>

    What’s the actual Code that goes into the PHP file?
    I tried

    <!-- Flash Header Changer -->
    	<div id="player">This text will be replaced</div>
    	<br />
    	<script type="text/javascript" defer="defer">
    	var so1913 = new SWFObject("http://70560.webhosting25.1blu.de/test/wordpress/wp-content/plugins/nextgen-gallery/imagerotator.swf", "ngg_slideshow1", "780", "200", "7", "#FFFFFF");
    	so1937.addParam("wmode", "transparent");
    	so1913.addVariable("file", "http://70560.webhosting25.1blu.de/test/wordpress/wp-content/plugins/nextgen-gallery/nggextractXML.php?gid=1");
    	so1913.addVariable("shownavigation", "false");
    	so1913.addVariable("showicons", "false");
    	so1913.addVariable("linkfromdisplay", "true");
    	so1913.addVariable("overstretch", "false");
    	so1913.addVariable("backcolor", "0xFFFFFF");
    	so1913.addVariable("frontcolor", "0x000000");
    	so1913.addVariable("lightcolor", "0xFF0000");
    	so1913.addVariable("screencolor", "0x00FF00");
    	so1913.addVariable("rotatetime", "5");
    	so1913.addVariable("transition", "slowfade");
    	so1913.addVariable("width", "780");
    	so1913.addVariable("height", "200");
    	so1913.write("ngg_slideshow1");
    	</script>

    but nothing happens at all
    where do you place the script? In the <Head> of the PHP?
    how You call the Script to appear at a certain location?

    so1913.write(“ngg_slideshow1”); should become so1913.write(“player”);

    Tried kugelblitz’s code above and with designcarter’s correction along with changing the line

    so1937.addParam("wmode", "transparent");

    to read

    so1913.addParam("wmode", "transparent");

    I got it to work perfectly in my header.php file.

    Except I then noticed that nextGen galleries embedded in my posts were breaking and displayed the message

    The Flash Player and a browser with Javascript support are needed..

    Anyone else found this? Haven’t come across anything in forums about it…

    I’m running 0.98 on 2.6.2

    Hmmm, my search skills need upgrading.

    Found the answer in this post

    http://wordpress.org/support/topic/201032?replies=1

    This code’s working fine in header.php and doesn’t break the galleries in posts:

    <?php
    if (function_exists("nggSlideshowWidget"))
    { nggSlideshowWidget(1,780,200); }
    ?>

    Even better is this post – with several example codes for using the function:

    http://nextgen.boelinger.com/2007/05/24/new-widget-support/

    Hey bjones, could you give me some advice how you integradted nextgen gallery into your page via skype icq or something like that? i used the gallery in many wordpress installations but never in the header, would be a big help

    Hi all,

    This is driving me nuts! I know I’m missing something really obvious…

    I’m trying to embed the nggSlideshowWidget only on the home page, using our usual images for the other pages. This is my code in the theme’s header.php:

    <?php if (is_home()) { ?>
    		<div>
    		<?php if (function_exists("nggSlideshowWidget"))
    			{ nggSlideshowWidget(1,794,240); } ?>
    		</div>
    <?php } else { ?>
    		<div class="titleimage"></div>
    <?php } ?>

    The problem is that whatever the page, it is calling the standard div (titleimage). Removing the if conditional and simply calling nggSlideshowWidget works (for all pages).

    Save my sanity please, someone – any ideas?

    Heheheh – scratch that. I was using a static page as the landing page, so my conditional should have been:

    <?php if (is_front_page()) { ?>

    This is because “is_home” is only true if you’re using the default home page with blog posts. A static page becomes “front_page”.

    Just in case this has caught anyone else out…

    Inserting the nextGEN slideshow as a header for version 1.0.2 requires the following code maybe below the body tag:

    <?php
    if (function_exists(“nggSlideshowWidget”))
    { nggSlideshowWidget($number_of_pic,$Width,$Height); }
    ?>

    Leave these values alone: $number_of_pic,$Width,$Height

    Alter them from your dashboard>gallery>options>slideshow>

    change width height colors etc there 🙂

Viewing 13 replies - 1 through 13 (of 13 total)
  • The topic ‘nextgen-gallery .92 header hack’ is closed to new replies.