سلام و درود
دوستان گرامی ، من یه گالری از تصاویر نمونه کارها رو با استفاده از filter در جی کوئری ساختم. ولی دو تا مشکل دارم.
مشکل اول ** : من نمیخوام با لود شدن صفحه تمام تصاویر نمونه کارها نمایش داده بشن چون سرعت سایت رو میگیره.
مشکل دوم: وقتی روی هر کدام از دکمه های فیلتر کلیک میکنم تصاویری که میاد یه مقدار از بالا padding یا margin می گیره.
لطفا راهنمایی کنید.
$(document).ready(function() {
$(".btn-filter").click(function() {
var x = $(this).attr('data-filter');
if(x == "all") {
$(".filter").show("500");
}else {
$(".filter").not("." + x).hid