jjcoder

The ‘JJ NextGen JQuery Carousel’ allows you to create a ‘JCarousel’ (http://sorgalla.com/projects/jcarousel/) 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 Carousel”)</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 ‘jcarousel’. Needs to be different for multiple instances on same page. (sc: html_id=”jcarousel”)</li>
<li>Skin class: Class of skinning to use. Defaults to use the tango skin. (sc: skin_class=”jcarousel-skin-tango”)</li>
<li>Image width: Width of image. Defaults to 75. (sc: width=”200″)</li>
<li>Image height: Height of image. Defaults to 75. (sc: height=”150″)</li>
<li>Image gap: Gap between images. (sc: gap=”5″)</li>
</ul>
JCarousel settings:
Please check the JCarousel home page for more details (http://sorgalla.com/projects/jcarousel/#Configuration).
<ul>
<li>vertical: Specifies wether the carousel appears in horizontal or vertical orientation. Changes the carousel from a left/right style to a up/down style carousel. (sc: vertical=”setting”)</li>
<li>rtl: Specifies whether the carousel appears in RTL (Right-To-Left) mode. (sc: rtl=”setting”)</li>
<li>start: The index of the item to start with. (sc: start=”setting”)</li>
<li>offset: The index of the first available item at initialisation. (sc: offset=”setting”)</li>
<li>size: Size of existing elements if size is not passed explicitly uses the number of total items. (sc: size=”setting”)</li>
<li>scroll: The number of items to scroll by. (sc: scroll=”setting”)</li>
<li>visible: If passed, the width/height of the items will be calculated and set depending on the width/height of the clipping, so that exactly that number of items will be visible. (sc: visible=”setting”)</li>
<li>animation: The speed of the scroll animation as string in jQuery terms (“slow” or “fast”) or milliseconds as integer (See jQuery Documentation). If set to 0, animation is turned off. (sc: animation=”setting”)</li>
<li>easing: The name of the easing effect that you want to use (See jQuery Documentation). (sc: easing=”setting”)</li>
<li>auto: Specifies how many seconds to periodically autoscroll the content. If set to 0 (default) then autoscrolling is turned off. (sc: auto=”setting”)</li>
<li>wrap: Specifies whether to wrap at the first/last item (or both) and jump back to the start/end. Options are “first”, “last”, “both” or “circular” as string. If set to null, wrapping is turned off (default). (sc: wrap=”setting”)</li>
</ul>
Shortcode Examples:
<ul>
<li>[jj-ngg-jquery-carousel html_id=”about-jcarousel” gallery=”1″]</li>
<li>[jj-ngg-jquery-carousel title=”Hello” html_id=”about-jcarousel” gallery=”1″ vertical=”true”]</li>
<li>[jj-ngg-jquery-carousel html_id=”about-jcarousel” gallery=”2″ width=”150″ height=”100″ visible=”2″ scroll=”1″ auto=”3″]</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 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 Carousel

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

Chris Baldelomar

See the <a href="http://hallie.angiemakes.com/blog/" rel="nofollow ugc">‘Image Widget’ in action</a>

Image Widget by Angie Makes

This plugin allows for the addition of a drag / drop image widget to the existing widgets in your Wordpress theme. Easily upload, and link images to t …

JJ NextGen JQuery Carousel vs Image Widget by Angie Makes