jjcoder

The ‘JJ NextGen JQuery Slider’ allows you to create a ‘Nivo slider’ (http://nivo.dev7studios.com/) as a widget or as a shortcode. 
This plugin uses the ‘NextGen Gallery’ plugin for its images.
Requirements:
<ul>
<li>NextGen Gallery Plugin (https://wordpress.org/extend/plugins/nextgen-gallery/)</li>
</ul>
NextGen Gallery Integration:
<ul>
<li>This plugin uses the original width and height of the image uploaded so make sure the images are the correct dimensions when uploaded.</li>
<li>Alt & Title Text Field: Provide a full url here and the image will link to this. Only works if alt field starts with either of these; /, http, or ftp.</li>
<li>Description Field: Will be used as a caption.</li>
</ul>
You can specify the following parameters:
NOTE: sc means shortcode:
<ul>
<li>Title: Title for slider. Leave blank for no title. (sc: title=”My Slider”)</li>
<li>Gallery: Leave blank to use all galleries or choose a gallery to use. (sc: gallery=”galleryid”)</li>
<li>Order: Order to display results in. You can choose; Random, Latest First, Oldest First, or NextGen Sortorder. Random will still work when a page is cached. (sc: order=”random”|”asc”|”desc”|”sortorder”)</li>
<li>Tags: comma separated list of tags to filter results by. (sc: tags=”tag1, tag2″)</li>
<li>Shuffle: If order is random and this is true will shuffle images with javascript. Useful if your are caching your pages. (sc: shuffle=”true”|”false”)</li>
<li>Max pictures: The maximum amount of pictures to use. (sc: max_pictures=”6″)</li>
<li>HTML id: HTML id to use. Defaults to ‘slider’. Needs to be different for multiple sliders on same page. (sc: html_id=”slider”)</li>
<li>Width: Width to use on slider. (sc: width=”200″)</li>
<li>Height: Height to use on slider. (sc: height=”150″)</li>
<li>Center: Centers content in container. Requires width to be set. (sc: center=”1″)</li>
</ul>
Nivo slider settings:
Please check the Nivo slider home page for more details (http://nivo.dev7studios.com/#usage).
<ul>
<li>effect: Specify sets like: ‘fold,fade,sliceDown’. (sc: effect=”setting”)</li>
<li>slices: (sc: slices=”setting”)</li>
<li>boxCols: (sc: boxcols=”setting”)</li>
<li>boxRows: (sc: boxrows=”setting”)</li>
<li>animSpeed: Slide transition speed. (sc: animspeed=”setting”)</li>
<li>pauseTime: (sc: pausetime=”setting”)</li>
<li>startSlide: Set starting Slide (0 index). (sc: startslide=”setting”)</li>
<li>directionNav: Next & Prev. (sc: directionnav=”setting”)</li>
<li>directionNavHide: Only show on hover. (sc: directionnavhide=”setting”)</li>
<li>controlNav: 1,2,3… (sc: controlnav=”setting”)</li>
<li>controlNavThumbs: Use thumbnails for Control Nav. You can choose ‘nextgen thumbs” that will automatically use the image’s thumbnail from nextgen gallery or ‘nextgen original’ that will use the current image. (sc: controlnavthumbs=”true”|”false”|”nextgen_thumbs”|”nextgen_original”)</li>
<li>thumbsWidth: Resize thumbnail to this width. Recommended to set if using thumbnails. (sc: thumbswidth=”20″)</li>
<li>thumbsHeight: Resize thumbnail to this height. Recommended to set if using thumbnails. (sc: thumbsheight=”20″)</li>
<li>thumbsContainerHeight: Height for thumbnails container. Calculation should be ‘number of thumbnail image rows’ x ‘thumbsheight’. (sc: thumbscontainerheight=”20″)</li>
<li>thumbsGap: Gap between thumbnails. (sc: thumbsgap=”5″)</li>
<li>controlNavThumbsFromRel: Use image rel for thumbs. (sc: controlnavthumbsfromrel=”setting”)</li>
<li>controlNavThumbsSearch: Replace this with… (sc: controlnavthumbssearch=”setting”)</li>
<li>controlNavThumbsReplace: …this in thumb Image src. (sc: controlnavthumbsreplace=”setting”)</li>
<li>keyboardNav: Use left & right arrows. (sc: keyboardnav=”setting”)</li>
<li>pauseOnHover: Stop animation while hovering. (sc: pauseonhover=”setting”)</li>
<li>manualAdvanc: Force manual transitions. (sc: manualadvance=”setting”)</li>
<li>captionOpacity: Universal caption opacity. (sc: captionopacity=”setting”)</li>
<li>Disable captions: (sc: disablecaptions=”1″)</li>
<li>beforeChange: (sc: beforechange=”setting”)</li>
<li>afterChange: (sc: afterchange=”setting”)</li>
<li>slideshowEnd: Triggers after all slides have been shown. (sc: slideshowend=”setting”)</li>
<li>lastSlide: Triggers when last slide is shown. (sc: lastslide=”setting”)</li>
<li>afterLoad: Triggers when slider has loaded. (sc: afterload=”setting”)</li>
</ul>
Nivo Effects:
<ul>
<li>sliceDown</li>
<li>sliceDownLeft</li>
<li>sliceUp</li>
<li>sliceUpLeft</li>
<li>sliceUpDown</li>
<li>sliceUpDownLeft</li>
<li>fold</li>
<li>fade</li>
<li>random</li>
<li>slideInRight</li>
<li>slideInLeft</li>
<li>boxRandom</li>
<li>boxRain</li>
<li>boxRainReverse</li>
<li>boxRainGrow</li>
<li>boxRainGrowReverse</li>
</ul>
Shortcodes:
<ul>
<li>[jj-ngg-jquery-slider html_id=”about-slider”]</li>
<li>[jj-ngg-jquery-slider title=”Hello” gallery=”1″ html_id=”about-slider” width=”200″ height=”150″ center=”1″]</li>
<li>[jj-ngg-jquery-slider html_id=”about-slider” directionnav=”false” controlnav=”false”]</li>
</ul>
Try out my other plugins:
<ul>
<li>JJ NextGen JQuery Carousel (https://wordpress.org/extend/plugins/jj-nextgen-jquery-carousel/)</li>
<li>JJ NextGen JQuery Cycle (https://wordpress.org/extend/plugins/jj-nextgen-jquery-cycle/)</li>
<li>JJ NextGen Unload (https://wordpress.org/extend/plugins/jj-nextgen-unload/)</li>
<li>JJ NextGen Image List (https://wordpress.org/extend/plugins/jj-nextgen-image-list/)</li>
<li>JJ SwfObject (https://wordpress.org/extend/plugins/jj-swfobject/)</li>
</ul>
<h3>Contributors</h3>

JJ NextGen JQuery Slider

Allows you to pick a gallery from the 'NextGen Gallery' plugin to use as a 'JQuery Nivo slider'.

The ‘JJ NextGen JQuery Cycle’ allows you to create a ‘Cycle Lite’ (http://jquery.malsup.com/cycle/lite/) as a widget or as a shortcode. 
This plugin uses the ‘NextGen Gallery’ plugin for its images.
Requirements:
<ul>
<li>NextGen Gallery Plugin (https://wordpress.org/extend/plugins/nextgen-gallery/)</li>
</ul>
NextGen Gallery Integration:
<ul>
<li>This plugin uses the original width and height of the image uploaded so make sure the images are the correct dimensions when uploaded.</li>
<li>If a width and height are defined under the configuration all images will be resized to those dimensions (Highly recommended).</li>
<li>Alt & Title Text Field: Provide a full url here and the image will link to this. Only works if alt field starts with either of these; /, http, or ftp.</li>
<li>Description Field: Will be used as image alt text. If alt text is present but not a valid url alt text will be used instead for image alt text.</li>
</ul>
You can specify the following parameters:
NOTE: sc means shortcode:
<ul>
<li>Title: Title. Leave blank for no title. (sc: title=”My Cycle Lite”)</li>
<li>Gallery: Leave blank to use all galleries or choose a gallery to use. (sc: gallery=”galleryid”)</li>
<li>Order: Order to display results in. You can choose; Random, Latest First, Oldest First, or NextGen Sortorder. Random will still work when a page is cached. (sc: order=”random”|”asc”|”desc”|”sortorder”)</li>
<li>Shuffle: If order is random and this is true will shuffle images with javascript. Useful if your are caching your pages. (sc: shuffle=”true”|”false”)</li>
<li>Max pictures: The maximum amount of pictures to use. (sc: max_pictures=”6″)</li>
<li>HTML id: HTML id to use. Defaults to ‘cycle_lite’. Needs to be different for multiple instances on same page. (sc: html_id=”cycle_lite”)</li>
<li>Image width: Width of image. Defaults to 200. Recommended to set this. (sc: width=”200″)</li>
<li>Image height: Height of image. Defaults to 200. Recommended to set this. Will prevent a floating problem if set. (sc: height=”150″)</li>
<li>Center: Centers content in container. Requires width to be set. (sc: center=”1″)</li>
</ul>
Cycle Lite settings:
Please check the cycle lite home page form more information (http://jquery.malsup.com/cycle/lite/).
<ul>
<li>timeout: Milliseconds between slide transitions (0 to disable auto advance).. (sc: timeout=”4000″)</li>
<li>speed: Speed of the transition (any valid fx speed value). (sc: speed=”1000″)</li>
<li>sync: True if in/out transitions should occur simultaneously. (sc: sync=”1″)</li>
<li>fit: Force slides to fit container. (sc: fit=”0″)</li>
<li>pause: True to enable “pause on hover”. (sc: pause=”1″)</li>
<li>delay: Additional delay (in ms) for first transition (hint: can be negative). (sc: delay=”2)</li>
</ul>
Shortcode Examples:
<ul>
<li>[jj-ngg-jquery-cycle html_id=”about-cycle-lite” gallery=”1″ width=”200″ height=”150″]</li>
<li>[jj-ngg-jquery-cycle title=”Hello” html_id=”about-cycle-lite” gallery=”1″ timeout=”3000″ speed=”1000″]</li>
<li>[jj-ngg-jquery-cycle html_id=”about-cycle” gallery=”2″ width=”150″ height=”100″ timeout=”3000″ speed=”1000″ fit=”1″]</li>
</ul>
Try out my other plugins:
<ul>
<li>JJ NextGen JQuery Slider (https://wordpress.org/extend/plugins/jj-nextgen-jquery-slider/)</li>
<li>JJ NextGen JQuery Carousel (https://wordpress.org/extend/plugins/jj-nextgen-jquery-carousel/)</li>
<li>JJ NextGen Unload (https://wordpress.org/extend/plugins/jj-nextgen-unload/)</li>
<li>JJ NextGen Image List (https://wordpress.org/extend/plugins/jj-nextgen-image-list/)</li>
<li>JJ SwfObject (https://wordpress.org/extend/plugins/jj-swfobject/)</li>
</ul>
<h3>Contributors</h3>

JJ NextGen JQuery Cycle

Allows you to pick a gallery from the 'NextGen Gallery' plugin to use with 'JQuery Cycle Lite'.

JJ NextGen JQuery Slider vs JJ NextGen JQuery Cycle