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.