這是我有我在我的畫廊圖像HTML:圖片庫 - 採用div或P類如何組圖像
<p class="crop">
<img src="image1.jpg" alt="image1.jpg" /></p>
<p class="crop">
<img src="image2.jpg" alt="image2.jpg" /></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;
}
這裏的鏈接到這個問題時,我以前問:不幸的是沒有解決方案的How can get around this issue in my image gallery?工作。
你能否提供更多的信息。箭頭在哪裏?它們是如何工作的?分組意味着什麼? – mattfitzgerald