/home/mip/public_html/img/credit/datatables/gallery.php.tar
home/mip/public_html_/old_mip/gallery.php000064400000006003151520617400014515 0ustar00<? 
require_once("func-all.php");
do_header();

?>
 <link rel="stylesheet" href="nanogallery/css/nanogallery.min.css" type="text/css">
    <script src="nanogallery/js/jquery.nanogallery.min.js"></script>
<section class="envor-page-title-1" data-stellar-background-ratio="0.5">
        <div class="container">
          <div class="row">
            <div class="col-lg-9 col-md-9 col-sm-9">
              <h1>Gallery</h1>
            </div>
            
          </div>
        </div>
      <!--

      Page Title end

      //-->
      </section>
	  
	  <!--

      Desktop breadscrubs start

      //-->
      <section class="envor-desktop-breadscrubs">
        <div class="container">
          <div class="row">
            <div class="col-lg-12">
              <div class="envor-desktop-breadscrubs-inner">
                <a href="index.php">Home</a><i class="fa fa-angle-double-right"></i><!--<a href="pages.html">Pages</a><i class="fa fa-angle-double-right"></i>-->Gallery
              </div>
            </div>
          </div>
        </div>
      <!--

      Desktop breadscrubs end

      //-->
      </section>
      <!--

      Mobile breadscrubs start

      //-->
      <section class="envor-mobile-breadscrubs">
        <div class="container">
          <div class="row">
            <div class="col-lg-12">
              <a href="index.php">Home</a><i class="fa fa-angle-double-right"></i><!--<a href="pages.html">Pages</a><i class="fa fa-angle-double-right"></i>-->Gallery
            </div>
          </div>
        </div>
      <!--

      Mobile breadscrubs end

      //-->
      </section>
      <!--

      Text start

      //-->
      <section class="envor-section">
        <div class="container">
          <div class="row">
           
            <div class="col-lg-12 col-md-12">
              <h2><strong>Gallery</strong></h2>
              <p>
			   <div id="nanoGallery2"></div>
				</p>
             
            </div>
          </div>
        </div>
      <!--

      Text end

      //-->
      </section>
	  
   <script type="text/javascript">

        $(document).ready(function () {
            jQuery("#nanoGallery2").nanoGallery({
                kind: 'picasa',
                userID: 'skilledonline.gallery@gmail.com',
                
                // uncomment line to display one specefic album:
                //album: '5852572882905112961',
                
                thumbnailHoverEffect:'borderLighter,labelAppear75',
                thumbnailLabel: {
                    position: 'overImageOnMiddle',
                    display: true,
                    displayDescription: true,
                    titleMaxLength: 20,
                    hideIcons: true,
                    align: 'center',
                    itemsCount: 'description'            
                },
                i18n: { 
                    thumbnailLabelItemsCountPart1: '',
                    thumbnailImageDescription: 'click to open'
                }
            });
            
        });

     </script>
<? do_footer(); ?>