Wookmark jQuery Pinterest Tarzı Eklenti

0

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.

https://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.