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.
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.