我有一个图像库,可以内联显示所有图像,并且目标图像在页面的其他位置显示得更大。我想解决的问题是使目标图像更大,而不是将其从图库流程中删除。
<div class="gallery">
<a href="#1"><img id="1" src="http://placehold.it/100" /></a>
<a href="#2"><img id="2" src="http://placehold.it/200" /></a>
<a href="#3"><img id="3" src="http://placehold.it/300" /></a>
<a href="#4"><img id="4" src="http://placehold.it/400" /></a>
</div>
小提琴:http: //jsfiddle.net/GxxV5/
即,当图像 200 显示得更大时,我希望它也保留在顶部画廊视图中,而不是仅仅移动到页面底部。
理想情况下有一个 html/css 解决方案?我可以使用 javascript 解决方案,但请不要使用 jquery。在继续学习 jquery 之前,我仍在学习 javascript。