Thiet ke website | Web design Company | Thư viện Webmaster | Designer

Spacegallery là 1 gallery ảnh rất đơn giản nhưng khá đẹp được xây dựng với jQuery. Gallery sử dụng hiệu ứng grow - fade out

Các sử dụng Spacegallery khá dễ dàng, đầu tiên bạn cần thêm link tới file css và javascript, có 4 file như hình dưới (tất nhiên nếu trang của bạn chưa có jquery thì bạn phải thêm nó vào nhé)

<link rel="stylesheet" media="screen" type="text/css" href="css/spacegallery.css" />
<script type="text/javascript" src="js/eye.js"></script>
<script type="text/javascript" src="js/utils.js"></script>
<script type="text/javascript" src="js/spacegallery.js"></script>

Mã HTML:

<div id="myGallery" class="spacegallery">
<img src="images/demo1.jpg" alt="" />
<img src="images/demo2.jpg" alt="" />
</div>

Bạn cần khai báo đoạn javascript để id myGallery trở thành spacegallery như hình dưới (bạn có thể khai báo ở bất kỳ đâu trên trang)

$('#myGallery').spacegallery({loadingClass: 'loading'});

Bạn có thể tạo nhiều gallery trên 1 trang, với mỗi gallery bạn cần có 1 id khác nhau và khai báo như trên

Comments (0)

Subscribe to this comment's feed

Write comment