WordPress.org

Ready to get started?Download WordPress

Forums

NextGEN Gallery
Slideshow in header? (2 posts)

  1. wibers
    Member
    Posted 1 year ago #

    Hi, I am fairly new to wordpress and even newer to NextGEN and I have to following question:-

    Is it possible to put a NextGEN image slideshow into the header section of my website?

    Basically, I want my company logo on the left of the header and the slideshow to the right.

    I am using a TwentyTwelve Child theme and was able to do it using the 'Header Slideshow' plug-in however I could not get my own images to work in that one so I thought I would try this one as it appears to be the most popular.

    Thanks in advance.

    Chris

    http://wordpress.org/extend/plugins/nextgen-gallery/

  2. DoubleSixx
    Member
    Posted 1 year ago #

    I've done this on my site. Seems like you should pre watermark the images you want your logo to appear on prior to following my instructions.

    Some of this might depend on your theme.

    Open up header.php and look for the following :

    <div class="Header">
    <div class="Header-jpeg"></div>

    I changed to :
    <div class=""></div>

    Then I inserted the following code :

    <div class="post">
    <div class="swfobject" id="so5_1" style="width:998px; height:300px;">
    <p>The <a href="http://www.macromedia.com/go/getflashplayer">Flash Player</a> and <a href="http://www.mozilla.com/firefox/">a browser with Javascript support</a> are needed..</p>
    </div>
    <script type="text/javascript" defer="defer">
    var so5_1 = {
    params : {
    wmode : "opaque",
    allowfullscreen : "true"},
    flashvars : {
    file : "http://yoursite.com/wp-content/plugins/nextgen-gallery/xml/imagerotator.php?gid=574",
    linkfromdisplay : "false",
    shownavigation : "false",
    showicons : "false",
    rotatetime : "6",
    transition : "random",
    backcolor : "0x000000",
    frontcolor : "0xFFFFFF",
    lightcolor : "0xCC0000",
    autostart : "false",
    width : "998",
    height : "300"},
    attr : {
    styleclass : "slideshow",
    name : "so5"},
    start : function() {
    swfobject.embedSWF("http://yoursite.com/wp-content/uploads/imagerotator.swf", "so5_1", "998", "300", "7.0.0", false, this.flashvars, this.params , this.attr );
    }
    }
    so5_1.start();
    </script>
    </div>
    </div>

    The following is important. the ?gid= the gallery id number you want in the header"

    Make sure you know the path to your imagerotator.php and imagerotator.swf files.

    Your paths may vary, you have to know paths and the gallery id or you won't get the header slideshow working

    file : "http://yoursite.com/wp-content/plugins/nextgen-gallery/xml/imagerotator.php?gid=574"

    You can set autostart : "false", to :
    autostart : "true",

    And you header will run the slideshow automatically, otherwise you get a different image on each page. You can also click the image on any page and get the slideshow to start when :

    autostart : "false",

    You can see this working on my site :
    http://www.doublesixx.com/

    Good luck.

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic