Qameen.TR.GG -||- HTML KODLARI | JAVA KODLARI | PHOTOSHOP | MESENGER |Tr.Gg | ViDEOLU DERSLER | HTML | JAVA | CSS

galeri ve js lightbox kodu tek kod

Galeri + Lightbox Kodu ~Tek Kod~

Arkadaşlar Verdiğim ilk kodu TASARIM ÜSTÜNE, 2. verdiğim kodu ise kullanmak istediğiniz yere yapıştırıcaksınız. Değiştirmeniz gereken Yerler: küçük1,küçük2,küçük3,küçük4,küçük5,küçük6... Büyük1,Büyük2,Büyük3,Büyük4,Büyük5,Büyük6... Küçük dediğimiz yerler fotoğrafın galeri, Büyük ise Lightbox görünümüdür... Yorumalrınızı Eksik Etmeyin. Kolay gelsin...

<div id="gallery">        		<div id="pic-2" class="pic" style="top:351px;left:149px;background:url(industrial-mech.jpg) no-repeat 50% 50%; -moz-transform:rotate(38deg); -webkit-transform:rotate(38deg);"> 		<a class="fancybox" rel="fncbx" href="buyuk1.jpg" _fcksavedurl="buyuk1.jpg" target="_blank">industrial-mech</a> 		</div> 		<div id="pic-3" class="pic" style="top:379px;left:298px;background:url(kucuk2jpg) no-repeat 50% 50%; -moz-transform:rotate(-11deg); -webkit-transform:rotate(-11deg);"> 		<a class="fancybox" rel="fncbx" href="buyuk2.jpg" _fcksavedurl="buyuk2.jpg" target="_blank">4-green-beach</a> 		</div> 		<div id="pic-4" class="pic" style="top:166px;left:540px;background:url(kucuk3.jpg) no-repeat 50% 50%; -moz-transform:rotate(14deg); -webkit-transform:rotate(14deg);"> 		<a class="fancybox" rel="fncbx" href="buyuk3.jpg" _fcksavedurl="buyuk3.jpg" target="_blank">2-breast-stroke</a>  		</div> 		<div id="pic-5" class="pic" style="top:347px;left:268px;background:url(kucuk4.jpg) no-repeat 50% 50%; -moz-transform:rotate(-28deg); -webkit-transform:rotate(-28deg);"> 		<a class="fancybox" rel="fncbx" href="buyuk4.jpg" _fcksavedurl="buyuk4.jpg" target="_blank">sands-of-life</a> 		</div> 		<div id="pic-6" class="pic" style="top:9px;left:242px;background:url(kucuk5.jpg) no-repeat 50% 50%; -moz-transform:rotate(-5deg); -webkit-transform:rotate(-5deg);"> 		<a class="fancybox" rel="fncbx" href="buyuk5.jpg" _fcksavedurl="buyuk5.jpg" target="_blank">sahale-wa</a> 		</div> 		<div id="pic-7" class="pic" style="top:262px;left:110px;background:url(kucuk6.jpg) no-repeat 50% 50%; -moz-transform:rotate(-33deg); -webkit-transform:rotate(-33deg);">  		<a class="fancybox" rel="fncbx" href="buyuk6.jpg" _fcksavedurl="buyuk6.jpg" target="_blank">bamboo</a> 		</div> 		<div id="pic-8" class="pic" style="top:56px;left:39px;background:url(kucuk7.jpg) no-repeat 50% 50%; -moz-transform:rotate(2deg); -webkit-transform:rotate(2deg);"> 		<a class="fancybox" rel="fncbx" href="buyuk7.jpg" _fcksavedurl="buyuk7.jpg" target="_blank">1-california-surfing</a> 		</div> 		<div id="pic-9" class="pic" style="top:70px;left:138px;background:url(kucuk8.jpg) no-repeat 50% 50%; -moz-transform:rotate(-28deg); -webkit-transform:rotate(-28deg);"> 		<a class="fancybox" rel="fncbx" href="buyuk8.jpg" _fcksavedurl="buyuk8.jpg" target="_blank">farm</a>  		</div> 		<div id="pic-10" class="pic" style="top:140px;left:2px;background:url(kucuk9.jpg) no-repeat 50% 50%; -moz-transform:rotate(-6deg); -webkit-transform:rotate(-6deg);"> 		<a class="fancybox" rel="fncbx" href="buyuk9.jpg" _fcksavedurl="buyuk9.jpg" target="_blank">spice</a> 		</div> 		<div id="pic-11" class="pic" style="top:322px;left:66px;background:url(kucuk10.jpg) no-repeat 50% 50%; -moz-transform:rotate(2deg); -webkit-transform:rotate(2deg);"> 		<a class="fancybox" rel="fncbx" href="buyuk10.jpg" _fcksavedurl="buyuk10.jpg" target="_blank">sports-car</a> 		</div> 		<div id="pic-12" class="pic" style="top:21px;left:80px;background:url(kucuk11.jpg) no-repeat 50% 50%; -moz-transform:rotate(-8deg); -webkit-transform:rotate(-8deg);">  		<a class="fancybox" rel="fncbx" href="buyuk11.jpg" _fcksavedurl="buyuk11.jpg" target="_blank">endurance</a> 		</div> 		<div id="pic-13" class="pic" style="top:220px;left:59px;background:url(kucuk12.jpg) no-repeat 50% 50%; -moz-transform:rotate(-12deg); -webkit-transform:rotate(-12deg);"> 		<a class="fancybox" rel="fncbx" href="buyuk12.jpg" _fcksavedurl="buyuk12.jpg" target="_blank">bahnhoff</a> 		</div> 		<div id="pic-14" class="pic" style="top:180px;left:278px;background:url(kucuk13.jpg) no-repeat 50% 50%; -moz-transform:rotate(22deg); -webkit-transform:rotate(22deg);"> 		<a class="fancybox" rel="fncbx" href="buyuk13.jpg" _fcksavedurl="buyuk13.jpg" target="_blank">blue-green-nature</a>  		</div> 		<div id="pic-15" class="pic" style="top:359px;left:78px;background:url(kucuk14.jpg) no-repeat 50% 50%; -moz-transform:rotate(11deg); -webkit-transform:rotate(11deg);"> 		<a class="fancybox" rel="fncbx" href="buyuk14.jpg" _fcksavedurl="buyuk14.jpg" target="_blank">tonemapped</a> 		</div> 		<div id="pic-16" class="pic" style="top:120px;left:169px;background:url(kucuk15.jpg) no-repeat 50% 50%; -moz-transform:rotate(13deg); -webkit-transform:rotate(13deg);"> 		<a class="fancybox" rel="fncbx" href="buyuk15.jpg" _fcksavedurl="buyuk15.jpg" target="_blank">whoooosh</a> 		</div>         	</div>

Bugün Sitemizi 139 ziyaretçi (167 klik) kişi Ziyaret Etti.. Teşekkürler :)

Qameen.TR.GG -||- HTML KODLARI | JAVA KODLARI | PHOTOSHOP | MESENGER |Tr.Gg | ViDEOLU DERSLER | HTML | JAVA | CSS |

galeri ve js lightbox kodu tek kod

Galeri + Lightbox Kodu ~Tek Kod~