Title: JJ NextGen JQuery Cycle
Author: jjcoder
Published: <strong>Enero 24, 2011</strong>
Last modified: Marso 7, 2011

---

Maghanap ng mga plugin

Ang plugin na ito ay **hindi pa nasusubukan sa pinakabagong 3 major release ng WordPress**.
Maaaring hindi na ito minamantine o sinusuportahan at maaaring may mga isyu sa compatibility
kapag ginamit sa mas bagong bersyon ng WordPress.

![](https://s.w.org/plugins/geopattern-icon/jj-nextgen-jquery-cycle.svg)

# JJ NextGen JQuery Cycle

 Ni [jjcoder](https://profiles.wordpress.org/jjcoder/)

[I-download](https://downloads.wordpress.org/plugin/jj-nextgen-jquery-cycle.1.1.2.zip)

 * [Mga Detalye](https://tl.wordpress.org/plugins/jj-nextgen-jquery-cycle/#description)
 * [Mga Review](https://tl.wordpress.org/plugins/jj-nextgen-jquery-cycle/#reviews)
 *  [Pag-install](https://tl.wordpress.org/plugins/jj-nextgen-jquery-cycle/#installation)
 * [Development](https://tl.wordpress.org/plugins/jj-nextgen-jquery-cycle/#developers)

 [Suporta](https://wordpress.org/support/plugin/jj-nextgen-jquery-cycle/)

## Deskripsyon

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:

 * NextGen Gallery Plugin (https://wordpress.org/extend/plugins/nextgen-gallery/)

NextGen Gallery Integration:

 * This plugin uses the original width and height of the image uploaded so make 
   sure the images are the correct dimensions when uploaded.
 * If a width and height are defined under the configuration all images will be 
   resized to those dimensions (Highly recommended).
 * 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.
 * 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.

You can specify the following parameters:

NOTE: sc means shortcode:

 * Title: Title. Leave blank for no title. (sc: title=”My Cycle Lite”)
 * Gallery: Leave blank to use all galleries or choose a gallery to use. (sc: gallery
   =”galleryid”)
 * 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”)
 * 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”)
 * Max pictures: The maximum amount of pictures to use. (sc: max_pictures=”6″)
 * 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”)
 * Image width: Width of image. Defaults to 200. Recommended to set this. (sc: width
   =”200″)
 * Image height: Height of image. Defaults to 200. Recommended to set this. Will
   prevent a floating problem if set. (sc: height=”150″)
 * Center: Centers content in container. Requires width to be set. (sc: center=”
   1″)

Cycle Lite settings:

Please check the cycle lite home page form more information (http://jquery.malsup.
com/cycle/lite/).

 * timeout: Milliseconds between slide transitions (0 to disable auto advance)..(
   sc: timeout=”4000″)
 * speed: Speed of the transition (any valid fx speed value). (sc: speed=”1000″)
 * sync: True if in/out transitions should occur simultaneously. (sc: sync=”1″)
 * fit: Force slides to fit container. (sc: fit=”0″)
 * pause: True to enable “pause on hover”. (sc: pause=”1″)
 * delay: Additional delay (in ms) for first transition (hint: can be negative).(
   sc: delay=”2)

Shortcode Examples:

 * [jj-ngg-jquery-cycle html_id=”about-cycle-lite” gallery=”1″ width=”200″ height
   =”150″]
 * [jj-ngg-jquery-cycle title=”Hello” html_id=”about-cycle-lite” gallery=”1″ timeout
   =”3000″ speed=”1000″]
 * [jj-ngg-jquery-cycle html_id=”about-cycle” gallery=”2″ width=”150″ height=”100″
   timeout=”3000″ speed=”1000″ fit=”1″]

Try out my other plugins:

 * JJ NextGen JQuery Slider (https://wordpress.org/extend/plugins/jj-nextgen-jquery-
   slider/)
 * JJ NextGen JQuery Carousel (https://wordpress.org/extend/plugins/jj-nextgen-jquery-
   carousel/)
 * JJ NextGen Unload (https://wordpress.org/extend/plugins/jj-nextgen-unload/)
 * JJ NextGen Image List (https://wordpress.org/extend/plugins/jj-nextgen-image-
   list/)
 * JJ SwfObject (https://wordpress.org/extend/plugins/jj-swfobject/)

### Contributors

## Mga Screenshot

 * [[
 * Screenshot

## Pag-install

Please refer to the description for requirements and how to use this plugin.

 1. Copy the entire directory from the downloaded zip file into the /wp-content/plugins/
    folder.
 2. Activate the “JJ NextGen JQuery Cycle” plugin in the Plugin Management page.
 3. Refer to the description to use the plugin as a widget and or a shortcode.

## FAQ

Question:

 * How can I use plugin inside normal PHP code?

Answer:

 * echo do_shortcode(‘[jj-ngg-jquery-cycle html_id=”about-cycle-lite” gallery=”1″
   width=”200″ height=”150″]’);

Question:

 * Doesn’t work after upgrade? or Doesn’t work with this theme?

Answer:

 * Please check that you don’t have two versions of jQuery loading, this is the 
   problem most of the time. Sometimes a theme puts in 
    tags at the end of newlines
   aswell.

## Mga Review

Wala pang reviews para sa plugin na ito.

## Mga Contributor at Developer

Ang “JJ NextGen JQuery Cycle” ay open source software. Ang mga sumusunod na tao 
ay nag-ambag sa plugin na ito.

Mga Contributor

 *   [ jjcoder ](https://profiles.wordpress.org/jjcoder/)

[Isalin ang “JJ NextGen JQuery Cycle” sa iyong wika.](https://translate.wordpress.org/projects/wp-plugins/jj-nextgen-jquery-cycle)

### Interesado sa development?

[Tingnan ang code](https://plugins.trac.wordpress.org/browser/jj-nextgen-jquery-cycle/),
i-check ang [SVN repository](https://plugins.svn.wordpress.org/jj-nextgen-jquery-cycle/),
o mag-subscribe sa [development log](https://plugins.trac.wordpress.org/log/jj-nextgen-jquery-cycle/)
sa pamamagitan ng [RSS](https://plugins.trac.wordpress.org/log/jj-nextgen-jquery-cycle/?limit=100&mode=stop_on_copy&format=rss).

## Changelog

 * 1.1.2: FAQ.
 * 1.1.1: Donate to Christchurch Quake.
 * 1.1.0: Readme.
 * 1.0.9: Overflow hidden on divs if height is entered.
 * 1.0.8: Width set on cycle lite container now. No more stylesheet everything inline
   for lightness. New shuffle field. If order is random and this is true will shuffle
   images with javascript. Useful if you are caching your pages. This use to be 
   always on in previous verions but some people want images to load in order so
   if not caching the page no need to be turned on.
 * 1.0.7: Fix.
 * 1.0.6: Optimisation.
 * 1.0.5: NextGen images that are excluded now don’t show up.
 * 1.0.4: Images attribute border=”0″ added. before_title, after_title, before_widget,
   after_widget enabled for widgets. No styling on ul and li now in widget.
 * 1.0.3: Widget header is now a h2 tag. Widget output fix.
 * 1.0.2: Better support for NextGen galleries already created. Alt text is now 
   checked to see if its a url. If its not a url alt text will be used for image
   alt instead of description if it exists.
 * 1.0.1: Tidy up.
 * 1.0.0: First version.

## Meta

 *  Bersyon **1.1.2**
 *  Huling na-update **15 taon ang nakalipas**
 *  Mga aktibong installation **200+**
 *  Bersyon ng WordPress ** 2.8 o mas bago **
 *  Sinubukan hanggang **3.1.4**
 *  Wika
 * [English (US)](https://wordpress.org/plugins/jj-nextgen-jquery-cycle/)
 * Mga Tag
 * [gallery](https://tl.wordpress.org/plugins/tags/gallery/)[image](https://tl.wordpress.org/plugins/tags/image/)
   [photo](https://tl.wordpress.org/plugins/tags/photo/)[picture](https://tl.wordpress.org/plugins/tags/picture/)
   [widgets](https://tl.wordpress.org/plugins/tags/widgets/)
 *  [Advanced View](https://tl.wordpress.org/plugins/jj-nextgen-jquery-cycle/advanced/)

## Mga Rating

 5 out of 5 stars.

 *  [  1 5-star review     ](https://wordpress.org/support/plugin/jj-nextgen-jquery-cycle/reviews/?filter=5)
 *  [  0 4-star reviews     ](https://wordpress.org/support/plugin/jj-nextgen-jquery-cycle/reviews/?filter=4)
 *  [  0 3-star reviews     ](https://wordpress.org/support/plugin/jj-nextgen-jquery-cycle/reviews/?filter=3)
 *  [  0 2-star reviews     ](https://wordpress.org/support/plugin/jj-nextgen-jquery-cycle/reviews/?filter=2)
 *  [  0 1-star reviews     ](https://wordpress.org/support/plugin/jj-nextgen-jquery-cycle/reviews/?filter=1)

[Your review](https://wordpress.org/support/plugin/jj-nextgen-jquery-cycle/reviews/#new-post)

[Tingnan lahat ng review](https://wordpress.org/support/plugin/jj-nextgen-jquery-cycle/reviews/)

## Mga Contributor

 *   [ jjcoder ](https://profiles.wordpress.org/jjcoder/)

## Suporta

May gusto kang sabihin? Kailangan ng tulong?

 [Tingnan ang support forum](https://wordpress.org/support/plugin/jj-nextgen-jquery-cycle/)

## Mag-donate

Gusto mo bang suportahan ang pagpapaunlad ng plugin na ito?

 [ Mag-donate sa plugin na ito ](http://www.redcross.org.nz/donate)