Jquery Mb Gallery 2.0

User Rating: / 0
PoorBest 

Hi, in this tutorial i will show you two very cool gallery Jquery Gallery. You have a button for load the gallery, description for each image, thumbnal image, play-stop slideshow etc, you will descover if you follow or view online demo. The tutorial will present you both gallery!

In the head section create the links with jquery plugin and copy the css class if you prefer this structure, for button, text, container, etc!

  <style type="text/css">
    body{
      font-family:Arial, Helvetica, sans-serif;
    }
    .wrapper{
      position:relative;
      font-family:Arial, Helvetica, sans-serif;
      padding-top:90px;
      padding-left:50px;
      width:80%;
      margin:auto
    }
    .galleryCont{
      display:none;
    }
    .wrapper .text{
      font-family:Arial, Helvetica, sans-serif;
    }
    .wrapper h1{
      font-family:Arial, Helvetica, sans-serif;
      font-size:26px;
    }
    .longText{
      margin-top:20px;
      width:600px;
      font:13px/15px Arial, Helvetica, sans-serif;
      color:gray;
    }
    span.btn{
      padding:10px;
      display:inline-block;
      cursor:pointer;
      font:12px/14px Arial, Helvetica, sans-serif;
      color:#aaa;
      background-color:#eee;
      -moz-border-radius:10px;
      -webkit-border-radius:10px;
      -moz-box-shadow:#999 2px 0px 3px;
      -webkit-box-shadow:#999 2px 0px 3px;
    }
    span.btn:hover{
      background-color:#000;
    }
  </style>
  <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
  <script type="text/javascript" src="inc/mbGallery.js"></script>
  <script type="text/javascript" src="inc/jquery.exif.js"></script>

The last step is to download the css and the jQuery plugin, that was all, bye!

This script has been developed by http://pupunzi.open-lab.com !