中心子元素，相應地調整父母

Question

我有什麼是essentialy圖像滑塊。我有一個圖像列表：

<div class="container"> 
     <img src=""/> 
     <img src=""/> 
     <img src=""/> 
     <img src=""/ class="middle"> 
     <img src=""/> 
     <img src=""/> 
     <img src=""/> 
     <img src=""/> 
</div> 

左 右

的目標是：當用戶單擊左邊或右邊，我將移動第一個或最後一個圖像，字符串的另一端，將class =「middle」移動到下一個圖像（取決於按下哪個按鈕），然後生成動畫，以便.middle移回到屏幕中心。問題是，我不知道是否有可能（使用jQuery）來居中子元素，然後相應地調整所有其他子元素和父元素。思考？謝謝！

Answer 1

嘗試這樣：

var $imgmiddle = $('img.middle'); 
var imgwidth = $imgmiddle.width(); 
var docwidth = $(document).width(); 
var newleft = docwidth/2 - imgwidth/2; 
var imgleft = $imgmiddle.position().left; // position inside container 
$('div.container').offset({left: (newleft-imgleft)});