WordPress.org

Ready to get started?Download WordPress

Forums

nextgen-gallery .92 header hack (14 posts)

  1. bjones
    Member
    Posted 6 years ago #

    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>

  2. bjones
    Member
    Posted 6 years ago #

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

  3. Alex Rabe
    Member
    Posted 6 years ago #

    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.

  4. bjones
    Member
    Posted 6 years ago #

    Thanks.

  5. dotcoma
    Member
    Posted 6 years ago #

    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.

  6. asorethumb
    Member
    Posted 6 years ago #

    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>

  7. kugelblitz
    Member
    Posted 6 years ago #

    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?

  8. designcarter
    Member
    Posted 5 years ago #

    so1913.write("ngg_slideshow1"); should become so1913.write("player");

  9. bravenewniche
    Member
    Posted 5 years ago #

    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

  10. bravenewniche
    Member
    Posted 5 years ago #

    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/

  11. foundintheflood
    Member
    Posted 5 years ago #

    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

  12. macworkshop
    Member
    Posted 5 years ago #

    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?

  13. macworkshop
    Member
    Posted 5 years ago #

    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...

  14. goodenvy
    Member
    Posted 5 years ago #

    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 :)

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags

No tags yet.