{"id":118470,"date":"2011-06-25T08:00:00","date_gmt":"2011-06-25T08:00:00","guid":{"rendered":"https:\/\/www.weixiaoduo.com\/plugins\/2024\/02\/22\/nextgen-scrollgallery\/"},"modified":"2013-11-23T18:47:00","modified_gmt":"2013-11-23T18:47:00","slug":"nextgen-scrollgallery","status":"publish","type":"post","link":"https:\/\/www.weixiaoduo.com\/plugins\/nextgen-scrollgallery\/","title":{"rendered":"NextGEN Scroll Gallery"},"content":{"rendered":"

Nextgen Scroll Gallery<\/strong>: A WordPress Plugin that allows you to use the awesome Mootools ScrollGallery from BMo-design<\/strong> on your NextGen-Gallery<\/strong> galleries.<\/p>\n

If you want to to use this Plugin on your blog, you need to use the very cool WordPress gallery manager: NextGen Gallery<\/a>. So install the NextGENeration Gallery Plugin and upload some pictures. Copy the \u2018[scrollGallery id=xxx]\u2019 tag in your post an replace \u2018xxx\u2019 with the NextGEN Gallery id, for example with 1.<\/p>\n

After the installation, you will find an admin interface, with which you can adjust the plugin settings.<\/p>\n

This gallery do not use flash, so no extra browser plugin is required and search engines can crawl your content easily.<\/p>\n

If you have some questions or you need instructions look at BMo-Design \u2013 Nextgen Scroll Gallery<\/a>. There you will find instructions and discussions, which can help you.<\/p>\n

If you want a special adaptation to the needs of your page, you can commission me at BMo-Design<\/a>.<\/p>\n

This is stable version 1.8.0. Since the code of NextGEN Gallery was massivly changed in version 2.0.X, I decided to develop a new version of my plugin. You can download it at https:\/\/wordpress.org\/plugins\/bmo-expo\/<\/a>.<\/p>\n

Options<\/h3>\n

More Options can be set in the post\/page tag:
\n\u2018[scrollGallery id=xxx option1=\u201dvalue1\u2033 option2=\u201dvalue2\u2033]\u2019<\/p>\n

Possibel Options<\/h4>\n
    \n
  • start: (number) start at picture number \u2026 the first picture is number 0<\/li>\n
  • area: (number) width of the area to scroll left or right<\/li>\n
  • thumbarea: (string) div class name for the thumbs<\/li>\n
  • imagearea: (string) div class name for the images<\/li>\n
  • speed: (number) 0<=speed<=1 thumb scroll speed<\/li>\n
  • clickable: (boolean) images can be clicked<\/li>\n
  • autoScroll: (boolean) autoscroll thumbs<\/li>\n
  • enableSwipeMode: (boolean) enable Swipe-Mode on touchable devices<\/li>\n
  • useCaptions: (boolean) use captions or not<\/li>\n
  • useDesc: (boolean) use description as caption<\/li>\n
  • thumbsdown: (boolean) set the thumbs under the images<\/li>\n
  • diashow: (boolean) activates the diashow option<\/li>\n
  • diashowDelay: (number) delay in seconds, have to be more than 1<\/li>\n
  • thumbOpacity: (number) optional opacity level for the tumbs in percent, have to be more than 0<\/li>\n
  • width: (number) gallery width<\/li>\n
  • height: (number) gallery height<\/li>\n
  • adjustImagesize: (boolean) if false it will strech the images<\/li>\n<\/ul>\n

    For Example: \u2018[scrollGallery id=1 start=5 autoScroll=true]\u2019<\/p>\n

    Of Course you can change the style, borders and colors! Go into the plugin-folder \u201cnextgen-scrollGallery\u201d there you will find a folder \u201ccss\u201d and the \u201cscrollGallery_greyDesign.css\u201d.
    \nHere you can add custom css designs, like the \u201cscrollGallery_greyDesign.css\u201d.
    \nI recommend to copy your \u201cscrollGallery_customDesign.css\u201d in your theme folder. Because if you make a update of the plugin, the \u201ccss\u201d folder will be replaced.
    \nAfter you save a css-file in this \u201ccss\u201d folder, it will be possible to change the style of the gallery in the admin interface.<\/p>\n

    The dimensions of thumbnails and images can be changed in your NextGEN Gallery plugin.<\/p>\n

    Since version 1.5 the do_shortcode() function is supported and since version 1.6 you can use [sG_thumbsSolo id=xxx] and [sG_imagesSolo id=xxx] instead of [scrollGallery id=xxx] to show only thumbs or images.<\/p>\n

    Since version 1.7 it is possible to set links to thumbs and images. To set a link, go into your NextGen Gallery and edit the image descriptions. If you write: [scrollGallery thumblink=\u201dhttp:\/\/www.bmo-design.de\u201d thumblink_target=\u201d_blank\u201d] you will set an external link to my page, which will open in a new window (target=\u201d_blank\u201d).
    \nAlso you can set image links and image targets. Here\u2019s an example with all the possibilities: [scrollGallery imglink=\u201dhttp:\/\/www.bmo-design.de\u201d thumblink=\u201dhttp:\/\/software.bmo-design.de\u201d imglink_target=\u201d_self\u201d thumblink_target=\u201d_blank\u201d].<\/p>\n","protected":false},"excerpt":{"rendered":"

    Awesome free JavaScript gallery. BMo-Design's Mootools Javascript ScrollGallery as a Plugin for the Wordpress NextGEN Gallery.<\/p>\n","protected":false},"author":65,"featured_media":314072,"comment_status":"open","ping_status":"","sticky":false,"template":"","format":"standard","meta":{"slim_seo":{"title":"NextGEN Scroll Gallery - \u8587\u6653\u6735\u63d2\u4ef6\u76ee\u5f55","description":"Awesome free JavaScript gallery. BMo-Design's Mootools Javascript ScrollGallery as a Plugin for the Wordpress NextGEN Gallery."},"footnotes":""},"categories":[1],"tags":[9601,9602,4013,9603,9604],"class_list":["post-118470","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-uncategorized","tag-bmo-design","tag-nextgen","tag-picture","tag-scroll-gallery","tag-scrollgallery"],"_links":{"self":[{"href":"https:\/\/www.weixiaoduo.com\/plugins\/wp-json\/wp\/v2\/posts\/118470","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=118470"}],"version-history":[{"count":0,"href":"https:\/\/www.weixiaoduo.com\/plugins\/wp-json\/wp\/v2\/posts\/118470\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.weixiaoduo.com\/plugins\/wp-json\/wp\/v2\/media\/314072"}],"wp:attachment":[{"href":"https:\/\/www.weixiaoduo.com\/plugins\/wp-json\/wp\/v2\/media?parent=118470"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.weixiaoduo.com\/plugins\/wp-json\/wp\/v2\/categories?post=118470"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.weixiaoduo.com\/plugins\/wp-json\/wp\/v2\/tags?post=118470"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}