Aralık 26, 2008
Yazıcağımız çok kısa bir kodla fotoğraflarımızı istediğimiz pencerede açabileceğiz. Gerekli yerlerde değişiklikleri yaparak kendi pencerelerimizi kendimiz dizayn edebilirz. LightBox uygulamasının kullanımı aşağıda kısaca göstereceğim.
Kullanacağımız kütüphaneleri ve fotoğraflarımızı sayfamıza entegre ettikten sonra aşağıdaki kodu <body> taglarının arasına yazmamız yeterli olacaktır.
<div id=”#lightbox”>
<a href=”resim/resim1.jpg” rel=”lightbox”>Manzara 1</a>
<a href=”resim/resim2.jpg”rel=”lightbox”>Manzara 2</a>
<a href=”resim/resim3.jpg” rel=”lightbox”>Manzara 3</a>
</div>
Kullanacağımız kütüphane ve CSS için;
http://uploaded.to/?id=x4zzky
» yorum bırak; | 
JavaScript | Etiketlendi: Ajax, efekt, JavaScript, JQuery, lightbox | 
Kalıcı Bağlantı
gurkank tarafından yazıldı
Aralık 26, 2008
Çok dikkatimi çeken ve hoşuma giden bu özelliği sizlerle paylaşmak istedim. Uygulayacağımız efektle çok güzel, çok beğeniceğiniz bir fotoğraf albümü oluşturacağız. Bu sayede fotoğraflarımızı kişisel sitemizde yayınlarken çok daha dikkat çekici bir hale getirebileceğiz. Kaynak kodunu aşağıdaki linkten indirebilirsiniz.
Not: Tabi JQuery’i sadece fotoğraflara efekt vermek için kullanmıyoruz. Örneğini verdiğim efektleri istediğiniz herhangi bi yerde kullanabilirsiniz. Mesela yazmış olduğunuz bir yazınızı uyguladığımız efektlerle yayınlayabilirsiniz.
Kullanacağımız kütüphane ve CSS için;
http://uploaded.to/?id=3yc4ae
Kaynak kodlar için;
http://uploaded.to/?id=5ogzi7
» yorum bırak; | 
JavaScript | Etiketlendi: Ajax, efekt, JavaScript, JQuery, thickbox | 
Kalıcı Bağlantı
gurkank tarafından yazıldı
Aralık 26, 2008
Hızlı bir giriş yaptığımız JQuery’de aynı hızla ilerlemeye devam ediyoruz. Bu yazımda resimlerimizi Facebook’ta karşımıza çıkan pencerelere benzer bi pencerede açmaya çalışacağız. Çok basit işlemlerle istediğimiz efekti oluşturarak fotoğraflarımıza bakmanın ne kadar keyifli bir hal aldığını göreceğiz. Uygulamanın kaynak kodlarını aşağıda sizlerle paylaştım. Üzerinde istediğiniz değişiklikleri yaparak bu şekilde güzel bir albüm oluşturabilirsiniz.
Kullanacağımız kütüphane ve CSS için;
http://uploaded.to/?id=gystwb
Kaynak kodları indirmek için;
http://uploaded.to/?id=2qc60g
» yorum bırak; | 
JavaScript | Etiketlendi: Ajax, efekt, facebox, JavaScript, JQuery | 
Kalıcı Bağlantı
gurkank tarafından yazıldı
Aralık 18, 2008
Bir önceki yazımda kısaca JQuery’yi tanımış olduk. Şimdide projelerimizde nasıl kullanıcağımızdan bahsedicem. Öncelikle ücretsiz olarak piyasaya sunulan JQuery’yi download etmemiz gerekiyor. Download işlemi bittikten sonra indirmiş olduğumuz jquery-1.2.6.min.js dosyasını web sayfamıza adapte edelim.
<script src=”jquery-1.2.6.min.js” type=”text/javascript”></script>
Bu kadar basit. Şimdi yapmış olduğum bir uygulamanın kaynak kodlarını paylaşarak JQuery hakkında daha geniş bilgiye sahip olmanızı istiyorum. Görüceksinizki basit işlemlerle fotoğraflarınız arasında çeşitli efektlerle değişik geçişler yapabiliceksiniz.
Kaynak kodları indirmek için;
http://uploaded.to/?id=salpsh
Css dosyası için;
http://uploaded.to/?id=pjmce4
» yorum bırak; | JavaScript | Etiketlendi: Ajax, JavaScript, JQuery | Kalıcı Bağlantı
gurkank tarafından yazıldı
