Cevaplarınız için teşekkürler. Sıfırdan jquery öğrenmeye şimdilik vakit ayıramayacağım.
Daha önce Habib Ocak tarafında buradan da paylaşılan bir video derste lightbox kullanımı açıklanıyor. Fakat ben galeri yapmak istemiyorum aynı sayfadaki resimlerim birbirinden bağımsız olarak tek lightbox ile açılsın istiyorum. bir sayfaya ulastım yapmaya çalıştığım şeyin cevabı olabilir ama saatlerce ugrasmama ragmen çözemedim.
Bakabilir misiniz...
https://www.jasonbutz.info/bootstrap-lightbox/
css ve js dosyalarını sayfaya ekliyorum.
sonra kopyaladığım kodları aşağıdaki gibi yapıştırıyorum
<a data-toggle="lightbox" href="#demoLightbox">Open Lightbox</a>
<div id="demoLightbox" class="lightbox hide fade" tabindex="-1" role="dialog" aria-hidden="true">
<div class='lightbox-content'>
<img src="image.png">
<div class="lightbox-caption"><p>Your caption here</p></div>
</div>
</div>
Open Lightbox linkine tıkladığım hiç birşey olmuyor link hedefinde #demoLightbox gösteriyor ama tık yok! Nerde eksik yapıyorum acaba?