阿西河

所有教程

公众号
🌙
阿西河前端的公众号

我的收藏

    最近访问  (文章)

      教程列表

      抓包专区
      测试专区

      插件 jQuery.nanoGALLERY 中文API文档

      插件 jQuery.nanoGALLERY 中文API文档 https://github.com/Kris-B/nanoGALLERY






      nanoGALLERY’s successor, is available: nanogallery2

      nanogallery2

      Please note that nanoGALLERY will continue to be maintained for fixing show-stopper bugs, but no new features should be expected.






      Touch enabled, fully responsive, justified/cascading/grid layout and supporting cloud storage.

      Featuring multi-level navigation in albums, combinable hover effects on thumbnails, responsive thumbnail sizes, multiple layouts, slideshow, fullscreen, pagination, image lazy load, themes, deep linking, customizable, i18n, and pulling in Flickr or Picasa/Google+/Google Photos photo albums among others.

      Usage can be as easy as:

      	jQuery('#elt').nanoGallery({
      		kind : 'picasa',
      		userID : 'YourUserID'
      	});
      

      View ChangeLog

      Documentation, Demonstrations and Tutorials

      Visit the nanoGALLERY homepage: http://nanogallery.brisbois.fr

      Animation
      Screenshot1 Screenshot2 Screenshot3

      Package managers

      Bower: bower install nanogallery
      npm: npm install nanogallery

      Usage example with images from a Flickr account

      Include JS and CSS files

      <!-- Add jQuery library (MANDATORY) -->
      <script type="text/javascript" src="third.party/jquery-1.7.1.min.js"></script> 
      
      <!-- Add nanoGALLERY plugin files (MANDATORY) -->
      <link href="css/nanogallery.css" rel="stylesheet" type="text/css">
      <script type="text/javascript" src="jquery.nanogallery.js"></script>
      

      Create a container

      Put a <DIV> element in the <BODY> of your HTML. This DIV is the placeholder for the gallery.

      <div id="nanoGallery1"></div>
      

      Initialize the script

      jQuery(document).ready(function () {
      	jQuery("#nanoGallery1").nanoGallery({
      		kind:'flickr',
      		userID:'34858669@N00'
      	});
      });
      

      License

      nanoGALLERY is licensed under CC BY-NC 3.0.
      Only for personal, non-profit organizations, or open source projects (without any kind of fee), you may use nanoGALLERY for free.

      Requirements

      • Javascript must be enabled
      • jQuery 1.7.1

      Thanks

      Testing services provided by BrowserStack

      目录
      目录