这就是我的画廊中图像的 HTML:
<p class="crop">
<img src="image1.jpg" alt="image1.jpg" /></p>
<p class="crop">
<img src="image2.jpg" alt="image2.jpg" /></p>
但是,使用这样的 p 类会使它们分开图像而不是一组图像,因此我的下一个/上一个箭头不起作用。
我需要为它们制作一组图像,以便画廊中的箭头可以再次正常工作,但我想保留 p 类,因为我需要它来裁剪图像。我怎样才能解决这个问题?
这是裁剪类的 CSS:
.crop{
float:left;
display:inline;
margin:2px;
overflow:hidden; /* this is important */
position:relative; /* this is important too */
width:320px;
height:240px;
}
.crop img{
position:absolute;
top:-0px;
left:-0px;
}
这是我之前提出的问题的链接:如何在我的图片库中解决此问题?不幸的是,没有一个解决方案奏效。