我有一个本质上是图像 slider 的东西。我有一个图片列表:
<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)将子元素居中,然后相应地调整所有其他子元素和父元素。想法?谢谢!
最佳答案
尝试这样的事情:
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)});
关于jquery - 居中子元素,相应地调整父元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7920005/