basciumit - Lightbox Kodu Ve Yapımı

Ana Sayfa

English

France

umitbasci pagerank

Lightbox Kodu Ve Yapımı

Öncelikle alttaki kodu Tasarımın altına MUTLAKA 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 calısmaz.

1-#Yazılı
Ön izlemesi:

example4

Kodu:

2-#Yazılı
Ön izlemesi:

İframe Ön izlemesi için Tıklayın!

Kodu:

3-#Yazılı
Ön izlemesi:

Kod:

<a rel="example_group" href="http://bilgilisite.abcz8.com/bs-aktif/lightbox//example/10_b.jpg" _fcksavedurl="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" _fcksavedurl="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" _fcksavedurl="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" _fcksavedurl="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" _fcksavedurl="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" _fcksavedurl="http://bilgilisite.abcz8.com/bs-aktif/lightbox//example/12_s.jpg" /></a>

4-#Yazılı
Ön izlemesi:

Kodu:

<a id="example4" href="http://bilgilisite.abcz8.com/bs-aktif/lightbox//example/4_b.jpg" _fcksavedurl="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" _fcksavedurl="http://bilgilisite.abcz8.com/bs-aktif/lightbox//example/4_s.jpg" /></a>

5-#Yazılı
Önizlemesi:

Swf (Video) Ön izlemesi için tıkla!

Kodu:

6-#Yazılı
Ön izlemesi:

Ön izlemesi için tıklayın!

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!

BİZİ BULUN

Burdasın: Lightbox Kodu Ve YapÄ±mÄ± | Bugün: 100 | Klik: 117 | Online : | IP: 3.138.174.174

sa1

Tasarım/Kodlama: Umit / 2011-2012 / Tüm Hakları Saklıdır

Link Takas: Mumcu Köyü| Göklerdeyiz| Boş| boş | Siteni Ekle | Siteni Ekle | Siteni Ekle | Siteni Ekle

banner değişim kodu alanı

GÜNÜN SÖZÜ

Bu web sitesi ücretsiz olarak Bedava-Sitem.com ile oluşturulmuştur. Siz de kendi web sitenizi kurmak ister misiniz?

Ücretsiz kaydol