Bazı zamanlarda web sayfanızda duyuru popup yayımlamak istediğiniz zaman kullanacağınız popup modeli. Öncelikle https://github.com/lokesh/lightbox2/releases adresinden plugini indirmeniz gerekiyor.
Sonra sayfanızda bir a linki oluşturun buna bir id verin. href kısmına göstereceğiniz duyuru resminin urlsini yazın.
Örnek:
<link rel="stylesheet" href="lightbox2/css/lightbox.min.css">
<script src="lightbox2/js/lightbox-plus-jquery.min.js"></script>
<a href="resim.jpg" id="popup" data-lightbox="popup" data-title="Duyuru Başlığı"> </a>
<script>
// sayfa yüklenirken bunu da çalıştır diyoruz.
$(document).ready(function(){
// id si popup olan tagı tıkla diyoruz.
$('#popup').trigger('click');
});
</script>