Eminim bir şekilde işinize yarayacaktır.
Bu sistem sayesinde filtre sistemine sahip olmak haricinde ister jQuery plugin mantığını öğrenirsiniz. İster Animate.Css'i :D
ADOFilter
Önizleme İçin Tıklayın
Bu filtrede yeni olarak jQuery plugin sistemini kullandım. Bu sayede yapmanız gereken ayarları kodlar içinde dolaşmadan rahatlıkla yapabilirsiniz.
- Sınırsızca filtre ve filtre içeriği eklemenize olanak sağlar.
- Animate.css kullanılmıştır.
- Basit bir kaç ayar ile kullanabilirsiniz.
- Hızlı, anlaşılır ve sadedir.
- Bootstrap 3 tabanlıdır. (Bootstrap grid sistemi)
<script></script>
<script>
$("#adofilter").adoFilter({
showAnimation: "flipInX",
hideAnimation: "flipOutX"
});
</script>
- ALL
- CHINA
- Turkiye
-
turkiye
-
çin
-
turkiye
Turkiye
buraya filtre adı gireceksiniz. Örneğin logo, doga, ay vb.
//buraya da itemin ait olduğu kategori yazılacak adocat-logo vb.
turkiye
Dosyaları İndirmek İçin Tıklayın
Kaynak Link: http://taluttasgiran.com.tr/adofilter-jquery-icerik-filtresi-2-animate-css-ile/