Bu galeriyi nasıl yapabilirim?

http://www.no-margin-for-errors.com/...lightbox-clone
Bu linkteki image galeriyi nasıl yapabilirim? Sayfadaki ilk değil ikinci galeriyi yapmak istiyorum. Bir türlü yapamadım. Bana kurulumunu detaylı anlatacak biri lazım. Üstadlardan yardım bekliyorum.

Aynı çalışma mantığında olan fakat görünüm olarak az biraz daha farklı başka bir şey önereyim isterseniz size.
Lightbox linke tıklayarak açılan sayfada "download" bölümünden indirilmesi gereken dosyayı indirin.

klasör içerisinde bulunan js, css ve img klasörlerini sitenizde dahil edin

Sitenizin "head" kısmına aşağıdaki kodları ekleyin

<script src="js/jquery-1.11.0.min.js"></script>
	<script src="js/lightbox.min.js"></script>
<link href="css/lightbox.css" rel="stylesheet" />

ardından aşağıdaki şekilde görsellerinizi içeren alana bu kodu uygulayın.
"Image #1" yazan kısım görülecek olan küçük görsel, a href kısmında yazanda tıklanıldığında açılacak büyük görsel

<a href="img/image-1.jpg" data-lightbox="image-1" data-title="My caption">Image #1</a>

Bu şekilde deneyin olmazsa tekrar yazın, kodları buraya kopyalayın bakalım.

Hocam;
<a href="images/b/01.JPG" data-lightbox="image-1" data-title="Audi A3 1.6 TDI Sport Back Attraction S-Tronic"><img src="images/k/small01.jpg" #1 /></a>

linklerimi bu şekilde yapıştırdım doğru mudur?

--R10.NET; Flood Engellendi -->-> Yeni yazılan mesaj 20:19:43 -->-> Daha önceki mesaj 20:17:00 --

Bu şekilde kodlar çalıştı. Ayrıca ben benim belirttiğim siteki gibi büyük resmin üzerinde küçük kutucukların ve play tuşunun olmasınıda istiyorum. Bunun için napabilirim?