動畫

2013-03-20 56 views
-1

在網站上動畫

http://lsmcreative.co.nz/

使用導航來過濾大拇指時,我得到一個有趣的錯誤工作時流沙的利潤率變化。這些圖像做一個奇怪的動作向左動畫

容器時是相對的像我不知道什麼是對

我的代碼會是這樣的

和幾乎當您單擊文件位置在菜單中的一個按鈕上,大拇指都是向左推動200px的sudde,然後再回到原位?

// Custom sorting plugin 
    (function($) { 
     $.fn.sorted = function(customOptions) { 
     var options = { 
      reversed: false, 
      by: function(a) { return a.text(); } 
     }; 
     $.extend(options, customOptions); 
     $data = $(this); 
     arr = $data.get(); 
     arr.sort(function(a, b) { 
      var valA = options.by($(a)); 
      var valB = options.by($(b)); 
      if (options.reversed) { 
      return (valA < valB) ? 1 : (valA > valB) ? -1 : 0;    
      } else {  
      return (valA < valB) ? -1 : (valA > valB) ? 1 : 0; 
      } 
     }); 
     return $(arr); 
     }; 
    })(jQuery); 

    // DOMContentLoaded 
    $(function() { 

     // bind radiobuttons in the form 
     var $btn = $('#navigation ul li a'); 

     // get the first collection 
     var $projectThumbs = $('#portfolio'); 

     // clone applications to get a second collection 
     var $data = $projectThumbs.clone(); 

     // attempt to call Quicksand on every form change 
     $btn.click(function(e) { 

      e.preventDefault(); 
      if($(this).data("type") == "all"){ 

       $btn.removeClass("selected"); 
       $(this).addClass("selected"); 
       var $filteredData = $data.find('li'); 

      } else { 

       $btn.removeClass("selected"); 
       $(this).addClass("selected"); 

       var $filteredData = $data.find('li[data-type~=' + $(this).data("type") + ']'); 
     } // end $btn.click function 

     $projectThumbs.quicksand($filteredData, { 
      adjustHeight: 'auto', // This is the line you are looking for.       
      duration: 800, 
      easing: 'easeInOutQuad' 
     }, function(){ 
      // call js on the cloned divs 
      $("a.grouped_elements").fancybox(); 

     }); 

     }); 

    }); 
+0

你能張貼與動畫做的代碼?並通過[jsfiddle.net](http://jsfiddle.net)隔離示例來演示您的問題,以便我們可以更好地提供幫助。 – sweetamylase 2013-03-20 08:27:27

+0

我訪問了您的網站,但無法準確識別您的意思,提供小提琴/代碼,然後繼續處理細節,編輯您的問題並更具體,包括(如果您在任何瀏覽器中遇到此問題(如Internet Explorer )然後指定每個細節以獲得正確的解決方案。謝謝。 – MarmiK 2013-03-20 08:50:50

回答

0

我固定它通過增加

左:2.9702970297%重要;在李的CSS

然後

#portfolio li:nth-child(3n+1){ 
    margin-left:0; 
}