Son günlerde tesadüfen denk geldiğim ve hoşuma giden bazı resim galerini sizlerle paylamıştım.
Şimdi ise yine bir javascript ile hazırlanmış resim galerisini sizlerle paylaşıyorum.
Smoot Gallery ile görsel açıdan hoş resim galerileri oluşturabilirsiniz.
Demo adresine buradan ulaşabilirsiniz.
Scriptin dosyalarına ise buradan ulaşabilirsiniz.
Kurulum için ise yapmanız gerekenler şunlar:
Sayfanızın <head> ... </head> taglarına arasına aşağıdaki kodları ekleyiniz.
<script src="scripts/mootools.v1.11.js" type="text/javascript"></script>
<script src="scripts/jd.gallery.js" type="text/javascript"></script>
<link rel="stylesheet" href="css/jd.gallery.css" type="text/css" media="screen" />
Sayfanızda gösterimlerini sağlamak için aşağıdaki gibi eklemeler yapabilirsiniz.
<div id="myGallery">
<div class="imageElement">
<h3>Item 1 Title</h3>
<p>Item 1 Description</p>
<a href="mypage1.html" title="open image" class="open"></a>
<img src="images/brugges2006/1.jpg" class="full" />
<img src="images/brugges2006/1-mini.jpg" class="thumbnail" />
</div>
<div class="imageElement">
<h3>Item 2 Title</h3>
<p>Item 2 Description</p>
<a href="mypage2.html" title="open image" class="open"></a>
<img src="images/brugges2006/2.jpg" class="full" />
<img src="images/brugges2006/2-mini.jpg" class="thumbnail" />
</div>
</div>
Tüm bu işlemlerin ardından galeriniz hazır olacaktır.
Daha detaylı bilgi için bu adresi ziyaret edebilirsiniz.
Smooth Gallery Download
Görüşmek dileğiyle ...