{"id":94829,"date":"2011-01-24T08:00:00","date_gmt":"2011-01-24T08:00:00","guid":{"rendered":"https:\/\/www.weixiaoduo.com\/plugins\/2024\/02\/22\/jj-nextgen-jquery-carousel\/"},"modified":"2011-03-10T04:07:00","modified_gmt":"2011-03-10T04:07:00","slug":"jj-nextgen-jquery-carousel","status":"publish","type":"post","link":"https:\/\/www.weixiaoduo.com\/plugins\/jj-nextgen-jquery-carousel\/","title":{"rendered":"JJ NextGen JQuery Carousel"},"content":{"rendered":"<p>The \u2018JJ NextGen JQuery Carousel\u2019 allows you to create a \u2018JCarousel\u2019 (http:\/\/sorgalla.com\/projects\/jcarousel\/) as a widget or as a shortcode.<br \/>\nThis plugin uses the \u2018NextGen Gallery\u2019 plugin for its images.<\/p>\n<p>Requirements:<\/p>\n<ul>\n<li>NextGen Gallery Plugin (https:\/\/wordpress.org\/extend\/plugins\/nextgen-gallery\/)<\/li>\n<\/ul>\n<p>NextGen Gallery Integration:<\/p>\n<ul>\n<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>\n<li>If a width and height are defined under the configuration all images will be resized to those dimensions (Highly recommended).<\/li>\n<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>\n<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>\n<\/ul>\n<p>You can specify the following parameters:<\/p>\n<p>NOTE: sc means shortcode:<\/p>\n<ul>\n<li>Title: Title. Leave blank for no title. (sc: title=\u201dMy Carousel\u201d)<\/li>\n<li>Gallery: Leave blank to use all galleries or choose a gallery to use. (sc: gallery=\u201dgalleryid\u201d)<\/li>\n<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=\u201drandom\u201d|\u201dasc\u201d|\u201ddesc\u201d|\u201dsortorder\u201d)<\/li>\n<li>Shuffle: If order is random and this is true will shuffle images with javascript. Useful if your are caching your pages. (sc: shuffle=\u201dtrue\u201d|\u201dfalse\u201d)<\/li>\n<li>Max pictures: The maximum amount of pictures to use. (sc: max_pictures=\u201d6\u2033)<\/li>\n<li>HTML id: HTML id to use. Defaults to \u2018jcarousel\u2019. Needs to be different for multiple instances on same page. (sc: html_id=\u201djcarousel\u201d)<\/li>\n<li>Skin class: Class of skinning to use. Defaults to use the tango skin. (sc: skin_class=\u201djcarousel-skin-tango\u201d)<\/li>\n<li>Image width: Width of image. Defaults to 75. (sc: width=\u201d200\u2033)<\/li>\n<li>Image height: Height of image. Defaults to 75. (sc: height=\u201d150\u2033)<\/li>\n<li>Image gap: Gap between images. (sc: gap=\u201d5\u2033)<\/li>\n<\/ul>\n<p>JCarousel settings:<\/p>\n<p>Please check the JCarousel home page for more details (http:\/\/sorgalla.com\/projects\/jcarousel\/#Configuration).<\/p>\n<ul>\n<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=\u201dsetting\u201d)<\/li>\n<li>rtl: Specifies whether the carousel appears in RTL (Right-To-Left) mode. (sc: rtl=\u201dsetting\u201d)<\/li>\n<li>start: The index of the item to start with. (sc: start=\u201dsetting\u201d)<\/li>\n<li>offset: The index of the first available item at initialisation. (sc: offset=\u201dsetting\u201d)<\/li>\n<li>size: Size of existing elements if size is not passed explicitly uses the number of total items. (sc: size=\u201dsetting\u201d)<\/li>\n<li>scroll: The number of items to scroll by. (sc: scroll=\u201dsetting\u201d)<\/li>\n<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=\u201dsetting\u201d)<\/li>\n<li>animation: The speed of the scroll animation as string in jQuery terms (\u201cslow\u201d or \u201cfast\u201d) or milliseconds as integer (See jQuery Documentation). If set to 0, animation is turned off. (sc: animation=\u201dsetting\u201d)<\/li>\n<li>easing: The name of the easing effect that you want to use (See jQuery Documentation). (sc: easing=\u201dsetting\u201d)<\/li>\n<li>auto: Specifies how many seconds to periodically autoscroll the content. If set to 0 (default) then autoscrolling is turned off. (sc: auto=\u201dsetting\u201d)<\/li>\n<li>wrap: Specifies whether to wrap at the first\/last item (or both) and jump back to the start\/end. Options are \u201cfirst\u201d, \u201clast\u201d, \u201cboth\u201d or \u201ccircular\u201d as string. If set to null, wrapping is turned off (default). (sc: wrap=\u201dsetting\u201d)<\/li>\n<\/ul>\n<p>Shortcode Examples:<\/p>\n<ul>\n<li>[jj-ngg-jquery-carousel html_id=\u201dabout-jcarousel\u201d gallery=\u201d1\u2033]<\/li>\n<li>[jj-ngg-jquery-carousel title=\u201dHello\u201d html_id=\u201dabout-jcarousel\u201d gallery=\u201d1\u2033 vertical=\u201dtrue\u201d]<\/li>\n<li>[jj-ngg-jquery-carousel html_id=\u201dabout-jcarousel\u201d gallery=\u201d2\u2033 width=\u201d150\u2033 height=\u201d100\u2033 visible=\u201d2\u2033 scroll=\u201d1\u2033 auto=\u201d3\u2033]<\/li>\n<\/ul>\n<p>Try out my other plugins:<\/p>\n<ul>\n<li>JJ NextGen JQuery Slider (https:\/\/wordpress.org\/extend\/plugins\/jj-nextgen-jquery-slider\/)<\/li>\n<li>JJ NextGen JQuery Cycle (https:\/\/wordpress.org\/extend\/plugins\/jj-nextgen-jquery-cycle\/)<\/li>\n<li>JJ NextGen Unload (https:\/\/wordpress.org\/extend\/plugins\/jj-nextgen-unload\/)<\/li>\n<li>JJ NextGen Image List (https:\/\/wordpress.org\/extend\/plugins\/jj-nextgen-image-list\/)<\/li>\n<li>JJ SwfObject (https:\/\/wordpress.org\/extend\/plugins\/jj-swfobject\/)<\/li>\n<\/ul>\n<h3>Contributors<\/h3>\n","protected":false},"excerpt":{"rendered":"<p>Allows you to pick a gallery from the 'NextGen Gallery' plugin to use as a 'JQuery JCarousel'.<\/p>\n","protected":false},"author":65,"featured_media":296215,"comment_status":"open","ping_status":"","sticky":false,"template":"","format":"standard","meta":{"slim_seo":{"title":"JJ NextGen JQuery Carousel - \u8587\u6653\u6735\u63d2\u4ef6\u76ee\u5f55","description":"Allows you to pick a gallery from the 'NextGen Gallery' plugin to use as a 'JQuery JCarousel'."},"footnotes":""},"categories":[1],"tags":[222,223,243,4013,804],"class_list":["post-94829","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-uncategorized","tag-gallery","tag-image","tag-photo","tag-picture","tag-widgets"],"_links":{"self":[{"href":"https:\/\/www.weixiaoduo.com\/plugins\/wp-json\/wp\/v2\/posts\/94829","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.weixiaoduo.com\/plugins\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.weixiaoduo.com\/plugins\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.weixiaoduo.com\/plugins\/wp-json\/wp\/v2\/users\/65"}],"replies":[{"embeddable":true,"href":"https:\/\/www.weixiaoduo.com\/plugins\/wp-json\/wp\/v2\/comments?post=94829"}],"version-history":[{"count":0,"href":"https:\/\/www.weixiaoduo.com\/plugins\/wp-json\/wp\/v2\/posts\/94829\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.weixiaoduo.com\/plugins\/wp-json\/wp\/v2\/media\/296215"}],"wp:attachment":[{"href":"https:\/\/www.weixiaoduo.com\/plugins\/wp-json\/wp\/v2\/media?parent=94829"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.weixiaoduo.com\/plugins\/wp-json\/wp\/v2\/categories?post=94829"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.weixiaoduo.com\/plugins\/wp-json\/wp\/v2\/tags?post=94829"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}