bursa escort-escort beylikdüzü bayan-bursa escort-escort istanbul bayan-escort istanbul bayan-bodrum escort-gaziantep escort-marmaris escort bayan-kayseri escort-sakarya escort-samsun escort-mersin escort bayan-bursa escort-kocaeli escort-ataşehir escort-istanbul escort bayan-bursa escort-bursa escort-istanbul escort-tuzla escort bayan Bedava Foto Galeri Scripti - HTML Jss retmen Sitesi



7776 defa grntlendi.

Bedava Foto Galeri Scripti - HTML Jss

KaRNeC
Site Kurucusu
*******


Mesajlar: 19,198 Katlma Tarihi: 26-02-2011 Rep Puan: 123 Durum: evirimd

Mesaj: #1
Bedava Foto Galeri Scripti - HTML Jss
Wmal.net Kahramanmara zel Anaokulu A101 AktelGoogle sra bulucu
mage

Merhaba arkadalar bu aralar srekli olarak slider ile ilgili yazlar yazyorum, bu yazmda da JQuery ile facebook resimlerinin gsterilmesine benzeyen slider yapmay gstereceim. Daha nceden yaptmz JQuery popup video uygulamamzda kullandmz fancybox adnda JQuery ile yazlm ktphaneyi kullanacaz. Bu sayede de ok kolayca uygulamay gelitirebileceiz. Popup alan tarzda bir slider yaparak yazlarma devam ediyorum. Uygulamamzn alabilmesi iin yine baz dosyalara ihtiyacmz var. Bundan dolay da yazmzn sonunda uygulamamzn btn betik ve resimlerini ierek alr halini yine sizlere vereceim. imdi uygulamamz yapmaya balayabiliriz.

Kod:
<!DOCTYPE html>
<html>
<head>
<title>Facebook Tarz Resim Galerisi</title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
<script type="text/javascript" src="fancybox/jquery.fancybox-1.3.4.pack.js"></script>
<link rel="stylesheet" type="text/css" href="fancybox/jquery.fancybox-1.3.4.css" media="screen" />
<link rel="stylesheet" href="style/style.css" />
<script type="text/javascript">
$(document).ready(function() {
    $("a[rel=resim]").fancybox({
        'transitionIn'  : 'none',
        'transitionOut' : 'none',
        'titlePosition' : 'over',
        'titleFormat'   : function(title, currentArray, currentIndex, currentOpts) {
            return '<span id="fancybox-title-over">Resim: ' + (currentIndex + 1) + ' / ' + currentArray.length + (title.length ? '   ' + title : '') + '</span>';
        }
    });
});
</script>
</head>
<body>
<div id="content">
    <p>
        <h2>Resim Galerisi</h2>
        <a rel="resim" href="images/1a.jpg" title="Resim ismi"><img alt="" src="images/1b.jpg" /></a>
        <a rel="resim" href="images/2a.jpg" title="Resim ismi"><img alt="" src="images/2b.jpg" /></a>
        <a rel="resim" href="images/3a.jpg" title="Resim ismi"><img alt="" src="images/3b.jpg" /></a>
        <a rel="resim" href="images/4a.jpg" title="Resim ismi"><img class="last" alt="" src="images/4b.jpg" /></a>
    </p>
</div>
</body>
</html>

Resim galerimizi JQuery ve hazr yazlm fancybox eklentisi ile kolayca gelitirdik ve resimlerimizi popup alan pencere ierisinde gsterdik. Resimleri deitirerek uygulamay kolayca kendinize uyarlayabilirsiniz. Bylece bir slider uygulamas da bitmi oldu. Btn ieriin olduu alan dosyay ekten indirebilirsiniz. Bylece bir yazmzn daha sonuna geldik. Yararl olmas dileiyle.

ALINTI

Etiketler: Facebook, Facebook Fotoraf Gsterimi, Facebook Resim Gsterimi, Fancybox, JQuery, JQuery Fotoraf Galerisi, JQuery Resim Galerisi, JQuery Slider


Ekli Dosya(lar)
.zip  Foto-Galeri-Scripti-popup_face.zip (Boyut: 236.85 KB / ndirme: 986)
01-09-2012 09:25
Web Bul Rep Ver Alnt
« nceki | Sonraki »


Bu Konudaki Mesajlar
Bedava Foto Galeri Scripti - HTML Jss - KaRNeC - 01-09-2012 09:25

Benzeyen Konular
Konu: Yazar Cevaplar: Gsterim: Son Mesaj
  Kiisel Site Scripti Bedava indir 2018 KaRNeC 0 38 09-04-2018 12:03
Son Mesaj: KaRNeC
  cretsiz Twitter takipi ve beeni scripti indir 2018 KaRNeC 0 53 07-04-2018 11:34
Son Mesaj: KaRNeC
Lightbulb cretsiz Dizin Scripti - cretsiz Toplist Scripti - Seo Uyumlu websitekaydet 0 535 18-09-2016 02:23
Son Mesaj: websitekaydet
Exclamation Renk Kurumsal v5.0 Firma Scripti (En ok kullanlan cretsiz script) KaRNeC 0 809 25-05-2015 09:30
Son Mesaj: KaRNeC

Konuyu grntleyenler: 1 Misafir

Forum Atla:

kampanyalar tantm yazs Replika saat kurumsal SEO danman seim anketi

retmen Sitesi

retmen Siteleri



retmen Sitesi | letiim | Yukarya dn | erie Dn | Mobile Version | RSS

Trke eviri: MyBBTrkiye
retici: MyBB, 2002-2018 MyBB Group.

MyBB & SEO nSiDe

retmenSitesi.nfo Google Gizlilik Politikasna riayet etmektedir