SmartGallery

• Demo  :  jQuery Smart Gallery Plugin
• Download : jQuery Smart Gallery Plugin

<script src="js/jquery-1.4.4.min.js" type="text/javascript"></script>
<link href="css/smart-gallery.css" rel="stylesheet" type="text/css" />
<script src="js/smart-gallery.js" type="text/javascript"></script>

Javascript : 

<script type="text/javascript">
        $(document).ready(function() {
            $('#smart-gallery').gallery({stickthumbnails: true });
        });
</script>

Css :

    <style type="text/css">
        body
        {
            margin: 0;
            padding: 0;
            background-color: Black;
        }
        #contributor
        {
            color: Gray;
            margin: 0;
            padding: 0;
            margin-top: 4px;
            text-align: center;
        }
        #contributor a
        {
            color: Gray;
        }
    </style>

• Body  etiketleri arasına eklemeniz gereken bölüm.

Html : 

<div id="smart-gallery">
<a href="images/cubagallery-img-1.jpg" title="First Image">
<img src="images/cubagallery-img-1.jpg" /></a> 
<a href="images/cubagallery-img-2.jpg" title="Second Image">
<img src="images/cubagallery-img-2.jpg" /></a> <a href="images/cubagallery-img-3.jpg" title="Third Image">
<img src="images/cubagallery-img-3.jpg" /></a> <a href="images/cubagallery-img-4.jpg" title="Fourth Image">
<img src="images/cubagallery-img-4.jpg" /></a>
 <a href="images/cubagallery-img-5.jpg" title="Fifth Image">
<img src="images/cubagallery-img-5.jpg" /></a> 
<a href="images/cubagallery-img-6.jpg" title="Sixth Image">
<img src="images/cubagallery-img-6.jpg" /></a> 
<a href="images/cubagallery-img-7.jpg" title="Seventh Image">
<img src="images/cubagallery-img-7.jpg" /></a> 
<a href="images/cubagallery-img-8.jpg" title="Eigth Image">
<img src="images/cubagallery-img-8.jpg" /></a> 
<a href="images/cubagallery-img-9.jpg" title="Ninth Image">
 <img src="images/cubagallery-img-9.jpg" /></a>
<a href="images/cubagallery-img-10.jpg" title="Tenth Image">
<img src="images/cubagallery-img-10.jpg" /></a> 
<a href="images/cubagallery-img-11.jpg" title="Eleventh Image">
<img src="images/cubagallery-img-11.jpg" /></a>
 <a href="images/cubagallery-img-12.jpg" title="Twelfth Image">
<img src="images/cubagallery-img-12.jpg" /></a>
 </div>