MENU

Wookmark jQuery Pinterest Tarzı Eklenti

Anasayfa » jQuery » Wookmark jQuery Pinterest Tarzı Eklenti
Wookmark jQuery Pinterest Tarzı Eklenti

Wookmark jQuery eklentisi divlerin üst üste binmesini engelleyerek Pinterest tarzında bir site yapabilirsiniz. Divler sayfanın büyüklüğüne göre yer değiştirebilir ve büyüdüğündede yerini değiştirebilir hale geliyor. Bu jQuery’i kullanmak çok kolay.

jQurey 1.6.2 kullanarak test edilmiş Demo adresindede 1.6.2 var ve çalışır durumda. Daha eski bir jQuery kütüphanesi kullanıyorsanız çakışma ihtimali olabilir dikkat edin.

http://1.bp.blogspot.com/-mvNuHeQqKyk/UPXSSJIb-SI/AAAAAAAAPC4/mU-8GKsWsVg/s1600/jquery-plugin-example.jpg

The Wookmark jQuery plugin

Eklentiyi kullanmak için öncelikle github’dan indirin. Wookmark jQuery Plugin indir

Daha sonra head tagları arasında alttaki kodu ekleyin.

<script type="text/javascript" src="jquery.wookmark.js"></script>

Alttaki kod ilede çalıştırıyoruz. #myContent yerine kendi div’inizin ID‘sini yazmanız gerekiyor.

<script type="text/javascript">$('#myContent li').wookmark({offset: 2});</script>

Eklenti sayfasına giderek detaylarıda oradan görebilirsiniz.

Rooteto Teknoloji Blogu

Rooteto WordPress, Sosyal Medya, Teknoloji, HD Resimler ve Video paylaşımında bulunan bağımsız olarak çalışan online haber teknoloji sitesidir.

Yaklaşık 1 Milyondan fazla tekil aylık ziyaretci ile Rooteto'yu büyük yapan teknoloji topluluklarıdır. 2009 yılında kurulan Rooteto'nun genel merkez ofisi İzmir / Bornova'dadır.