Genel olarak web sayfaları yüklendikten 5-10 sn sonra karşımıza çıkan reklam , tanıtım vs. şeylerin gösterildiği ekranları yapacağız.

Bunun için Modal’ı popup şeklinde kullanacağız.

<body></body> etiketleri arasına yazacaksınız.

<!--Modal Başladı-->
<div class="modal fade" id="reklam" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
	<div class="modal-dialog modal-lg" role="document">
		<img id="buttonSuccess" src="include\images\popreklam.jpg" href="#" alt="reklam alt alanı" width="100%" height="100%" style="margin-top: 150px;">
		<div class="modal-footer">
			<button type="button" class="btn btn-danger" data-dismiss="modal">
				Kapat
			</button>
		</div>
	</div>
</div>
<!--Modal Bitti-->

<footer></footer> taglerinden sonrada scriptimizi ekliyoruz 

<script type="text/javascript">
$(document).ready(function(){
	  if (!sessionStorage.reklam) {
		setTimeout(function() {
			$('#reklam').find('.item').first().addClass('active');
		    $('#reklam').modal({
		    	backdrop: 'static',
	    		keyboard: false
		    });
		}, 4000); // bu süre şuan 4 saniye. değeri ona göre değiştirin
	    $('#adCarousel').carousel({
		  interval: 4000,
		  cycle: true
		});
	    
	    $("#buttonSuccess").click(function(e){
	    	e.preventDefault();
	    	var url = $(this).attr("href");
	    	$('#reklam').modal('hide');
	    })
	    sessionStorage.adModal = 1;
	}
});
</script>

CEVAP VER

Lütfen yorumunuzu girin!
Lütfen adınızı buraya girin