Bu yazı taaa 2 yıl 7 ay 2 gün önce girildiğinden günümüzle pek alakası olmayabilir. Olur da yanılgıya düşersiniz. Düşmeyin.Bu yazımda resimleri lightbox ile nasıl daha güzel gösteririz onu öğreneceğiz.Bu uygulama da resimler başka bir pencerede açılmaz aynı sayfada açılır fakat bulunduğumuz sayfadan hiç bir şekilde ayrılmayız.Örneğini aşağıdaki resme tıklayarak görebilirsniz.
Şimdi ilk önce kutumdan(Diger>light.rar) gerekli dosyaları çekiyoruz.Sonrasında ;
<script type="text/javascript" src="js/prototype.js"></script> <script type="text/javascript" src="js/scriptaculous.js?load=effects"></script> <script type="text/javascript" src="js/lightbox.js"></script>
bu kodları <head></head> arasına yerleştiyirouz.İndirdiğiniz arşivdeki dosyaların hepsini anadizine (index.html,index.php,default.asp,v.s. olduğu yer)atıyoruz.Ever bu kadat bitti şimdi tek yapmamız gereken linklere rel=”lightbox” kodunuda eklemek yani şöyle oluyor ki ;
<a href="images/image-1.jpg" title="my caption">image #1</a> <a href="images/image-1.jpg" rel="lightbox" title="my caption">image #1</a>
Üstteki yanlış olan , alttaki doğru olan.Sonuçta yapacağamız işlem 3 adet.
- Head tagları arasına gerekli kodları yerleştirmek,
- Dosyaları upload etmek,
- Linklere rel=”lightbox” eklemek.
Bu işlemlerden sonra bendeki gibi resimleriniz janjanlı olacak

Merhabalar. Ben Orçun İlbeyli. Anadolu Üniversitesi'nde Sinema & TV okuyorum. Genellikle o günlerde yazmaya değer bulduğum her şeyi yazıyorum. Bunun haricinde bol dizi izliyorum, karikatür okuyorum ve oyun oynuyorum. Benimle istediğiniz her konuda
ayrıca eklememişsin ama eğer resimleri bir grup şeklind ekoymak istersek , yani diyelim bi yazımıza 5 resim ekledik bunlara tek tek bakmak yerine 1 resmi açıp alttan ileri geri demek için ;
<a href="images/image-1.jpg" rel="lightbox[roadtrip]">image #1</a><a href="images/image-2.jpg" rel="lightbox[roadtrip]">image #2</a><a href="images/image-3.jpg" rel="lightbox[roadtrip]">image #3</a>bu kodları kullanın
.Paylaşım için teşekkürler ...Ben bunu bir yerden hatırlıyorum ama