Title: Using pager / navigation
Last modified: August 20, 2016

---

# Using pager / navigation

 *  Resolved [solander](https://wordpress.org/support/users/solander/)
 * (@solander)
 * [13 years, 4 months ago](https://wordpress.org/support/topic/using-pager-navigation/)
 * Hey, after searching around to get a navigation for this nice plugin I worked
   something out that works for me.
 * 1. Get the full jQuery cycle plugin (not the lite one used in this plugin) from
   [http://malsup.github.com/jquery.cycle.all.js](http://malsup.github.com/jquery.cycle.all.js)(
   I just replaced the code in the jquery.cycle.lite.1.0.min.js; not sure if its
   necessary at all)
    2. In jj_ngg_jquery_cycle.php change line 198 `$output .= "\
   n jQuery('div#" . $html_id . "').jjcycle(";` to `$output .= "\n jQuery('div#".
   $html_id . "').cycle(";` in order to call the new code 3. I changed line 199 –
   203 to
 *     ```
       if(count($javascript_args) > 0)
           {
             $output .= "{" . implode(",", $javascript_args) . ", pager: '#galerie-nav', prev:    '#prev', next:    '#next',pagerAnchorBuilder: pagerFactory}";
           }
           $output .= ");";
       	$output .= "function pagerFactory(idx, slide) {
               return '<li><a href=\"#\">'+(idx+1)+'</a></li>';
           };";
       ```
   
 * in order to get the funcionality
    4. Now you place the pagination wherever you
   want and style it with CSS. I got it beneath the image, line 180.
 *     ```
       $output .= '
           <div id="pagination">
               <a href="#"><span id="prev"><</span></a>
               <ul id="galerie-nav"></ul>
       		<a href="#"><span id="next">></span></a>
           </div>';
       ```
   
 * Hope it works for you. In my case the pagination is needed in every gallery. 
   If you want it more flexible you might add something like
    `if($pager != "") {
   $javascript_args[] = "pager: '" . $pager . "'"; }` in around line 190.
 * [http://wordpress.org/extend/plugins/jj-nextgen-jquery-cycle/](http://wordpress.org/extend/plugins/jj-nextgen-jquery-cycle/)

Viewing 2 replies - 1 through 2 (of 2 total)

 *  Thread Starter [solander](https://wordpress.org/support/users/solander/)
 * (@solander)
 * [13 years, 3 months ago](https://wordpress.org/support/topic/using-pager-navigation/#post-3434386)
 * mark as solved
 *  [nodynu](https://wordpress.org/support/users/nadinecamille/)
 * (@nadinecamille)
 * [12 years, 10 months ago](https://wordpress.org/support/topic/using-pager-navigation/#post-3434412)
 * Where can I find jj_ngg_jquery_cycle.php? There seems to be 2 of them (or I probably
   got confused) can this still work with the last updated version of this plugin?
   I’m trying to get number pagination along with next and previous links :/ I wonder
   if this can be used for Cycle 2 as well..

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘Using pager / navigation’ is closed to new replies.

 * ![](https://s.w.org/plugins/geopattern-icon/jj-nextgen-jquery-cycle.svg)
 * [JJ NextGen JQuery Cycle](https://wordpress.org/plugins/jj-nextgen-jquery-cycle/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/jj-nextgen-jquery-cycle/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/jj-nextgen-jquery-cycle/)
 * [Active Topics](https://wordpress.org/support/plugin/jj-nextgen-jquery-cycle/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/jj-nextgen-jquery-cycle/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/jj-nextgen-jquery-cycle/reviews/)

 * 2 replies
 * 2 participants
 * Last reply from: [nodynu](https://wordpress.org/support/users/nadinecamille/)
 * Last activity: [12 years, 10 months ago](https://wordpress.org/support/topic/using-pager-navigation/#post-3434412)
 * Status: resolved