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/)
