WeebLoGG

Sponsorlar

tamamenjslightboxkodu

Tamamen JS lightbox Kodu

Sitemizde oluşan bazı hatalar nedeniyle bu kodun önizlemesi yok!

Öncelikle alttaki kodu tasarımın altına kesinlikle ekleyin!

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script> 	<script> 
		!window.jQuery && document.write('<script src="http://bilgilisite.abcz8.com/bs-aktif/lightbox/jquery-1.4.3.min.js"></script> 	</script>  	<script type="text/javascript" src="http://bilgilisite.abcz8.com/bs-aktif/lightbox//fancybox/jquery.mousewheel-3.0.4.pack.js"></script>  	<script type="text/javascript" src="http://bilgilisite.abcz8.com/bs-aktif/lightbox//fancybox/jquery.fancybox-1.3.4.pack.js"></script>  	<link rel="stylesheet" type="text/css" href="http://bilgilisite.abcz8.com/bs-aktif/lightbox//fancybox/jquery.fancybox-1.3.4.css" media="screen" />  	<script type="text/javascript"> 
		$(document).ready(function() {
			/*
			*   Examples - images
			*/
 
			$("a#example1").fancybox();
 
			$("a#example2").fancybox({
				'overlayShow'	: false,
				'transitionIn'	: 'elastic',
				'transitionOut'	: 'elastic'
			});
 
			$("a#example3").fancybox({
				'transitionIn'	: 'none',
				'transitionOut'	: 'none'	
			});
 
			$("a#example4").fancybox({
				'opacity'		: true,
				'overlayShow'	: false,
				'transitionIn'	: 'elastic',
				'transitionOut'	: 'none'
			});
 
			$("a#example5").fancybox();
 
			$("a#example6").fancybox({
				'titlePosition'		: 'outside',
				'overlayColor'		: '#000',
				'overlayOpacity'	: 0.9
			});
 
			$("a#example7").fancybox({
				'titlePosition'	: 'inside'
			});
 
			$("a#example8").fancybox({
				'titlePosition'	: 'over'
			});
 
			$("a[rel=example_group]").fancybox({
				'transitionIn'		: 'none',
				'transitionOut'		: 'none',
				'titlePosition' 	: 'over',
				'titleFormat'		: function(title, currentArray, currentIndex, currentOpts) {
					return '<span id="fancybox-title-over">Image ' + (currentIndex + 1) + ' / ' + currentArray.length + (title.length ? '   ' + title : '') + '</span>';
				}
			});
 
			/*
			*   Examples - various
			*/
 
			$("#various1").fancybox({
				'titlePosition'		: 'inside',
				'transitionIn'		: 'none',
				'transitionOut'		: 'none'
			});
 
			$("#various2").fancybox();
 
			$("#various3").fancybox({
				'width'				: '75%',
				'height'			: '75%',
				'autoScale'			: false,
				'transitionIn'		: 'none',
				'transitionOut'		: 'none',
				'type'				: 'iframe'
			});
 
			$("#various4").fancybox({
				'padding'			: 0,
				'autoScale'			: false,
				'transitionIn'		: 'none',
				'transitionOut'		: 'none'
			});
		});
 
	</script>

Sonra Alttan istediğiniz'i seçin. Altlarında yayınladığım kodları kullanın

Önemli ! : Üstte verdiğim kodu tasarımın altına MUTLAKA eklemelisiniz. Eklemezseniz çalışmaz.

1-#Yazılı

<a id="example5" href="http://bilgilisite.abcz8.com/bs-aktif/lightbox//example/5_b.jpg" title="Bu alana yazınızı yazabiliyorsunuz!"><img alt="example4" src="http://bilgilisite.abcz8.com/bs-aktif/lightbox//example/5_s.jpg" /></a>

2-#Yazılı

<li><a id="various3" href="http://www.bs-aktif.tr.gg">İframe Ön izlemesi için Tıklayın!</a></li>

3-#Yazılı

s

<a rel="example_group" href="http://bilgilisite.abcz8.com/bs-aktif/lightbox//example/10_b.jpg" title=""><img alt="" src="http://bilgilisite.abcz8.com/bs-aktif/lightbox//example/10_s.jpg" /></a>

<a rel="example_group" href="http://bilgilisite.abcz8.com/bs-aktif/lightbox//example/11_b.jpg" title=""><img alt="" src="http://bilgilisite.abcz8.com/bs-aktif/lightbox//example/11_s.jpg" /></a>

<a rel="example_group" href="http://bilgilisite.abcz8.com/bs-aktif/lightbox//example/12_b.jpg" title=""><img class="last" alt="" src="http://bilgilisite.abcz8.com/bs-aktif/lightbox//example/12_s.jpg" /></a>

4-#Yazılı

<a id="example4" href="http://bilgilisite.abcz8.com/bs-aktif/lightbox//example/4_b.jpg"><img class="last" alt="example4" src="http://bilgilisite.abcz8.com/bs-aktif/lightbox//example/4_s.jpg" /></a>

5-#Yazılı

<li><a id="various4" href="http://www.youtube-nocookie.com/v/gFf90Yl91-4?version=3">Swf (Video) Ön izlemesi için tıkla!</a></li>

6-#Yazılı

<li><a id="various1" title="Buraya başlık yazzzzzzzzzsana " href="#inline1">Ön izlemesi için tıklayın!</a></li>

<div style="display: none;">

<div id="inline1" style="width:400px;height:100px;overflow:auto;">Bu alana yazını yazıp kaydediyorsun panpa. Çok şekil, adam gibi bir kutu olmuş oluyor. Neyse uzatmak istemiyorum. Ama ne kadar uzun yazarsanız scroolbaaar denen şey cıkar ve daha güzel görünür!</div>

</div>

</ul>

Bugün 1 ziyaretçi (2 klik) kişi burdaydı!