WordPress.org

Ready to get started?Download WordPress

Forums

NextGEN Gallery
[resolved] Location of Slideshow Template (7 posts)

  1. jared83
    Member
    Posted 3 years ago #

    Howdy, I'm trying to modify (or extend) the code for the slideshow but cannot find it anywhere? Where do I find the base code for ngg_slideshow so I can create my own template? Thanks!

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

  2. jared83
    Member
    Posted 3 years ago #

    Helloooooooo?

  3. Alex Rabe
    Member
    Posted 3 years ago #

    see nggfunctions.php here are all frontend functions

  4. graphicagenda
    Member
    Posted 3 years ago #

    Alex, thank you for the plugins. I've been able to run multiple slideshows, in one page. The way we get to run more than one, is to call different gallery id's if they are going to be on the same page.

    My DIV Id produces this id="ngg-slideshow-60-606-2"
    I know the '60' is the gallery id, but what is the additional 606, and the '2'?

    I've also modified the nggShow_JS_Slideshow with two additional attributes, fx & class. That helps me a lot in the shortcode, when I'm calling all different galleries at once!

  5. graphicagenda
    Member
    Posted 3 years ago #

    Answered my own question,
    $galleryID . '-' . $current_page . '-' . $slideCounter++;
    Coincidentally, in the Slideshow function.

    This is where I'm going to add a <noscript> tag as well.

  6. Alex Rabe
    Member
    Posted 3 years ago #

    What are you insert into the <noscript> ?

  7. graphicagenda
    Member
    Posted 3 years ago #

    Well, to achieve what I wanted, I added some more code calls to the function
    function nggShowSlideshow($galleryID, $width, $height, $fx, $css, $main) {

    function nggShow_JS_Slideshow($galleryID, $width, $height, $fx, $css, $main) {

    Then Added
    $mainImage = '<noscript><div style="z-index:100; position:relative; top:-70px;">'. do_shortcode('[singlepic id='. $main .' w='. $width .' h='. $height .']') .'</div></noscript>';

    And then inserted $mainImage in nggShow_JS_Slideshow() here:

    $out .= "\n". '<img src="'. NGGALLERY_URLPATH . 'images/loader.gif " alt=""  style="height:66px !important;"/>';
        $out .= "\n" . $mainImage . '</div>';
        $out .= '</div>'."\n";

    I wanted to push the new image up and over the Loader Image height.

    All this can be tested here http://deliciousedibles.com The main hero slideshow. Try turning off javascript.

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic

Tags