0

これは、ギャラリーの画像の 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;
}

以前に尋ねたときの質問へのリンクは次のとおりです。画像ギャラリーでこの問題を回避するにはどうすればよいですか? 残念ながら、どのソリューションも機能しませんでした。

4

1 に答える 1

0

あなたがこのまったく同じ質問を 1、2 時間前に投稿したのを見ましたが、私は、および/またはアドバイスが望ましい結果を達成しなかったと思いますか? ここで重複した質問は嫌われていると思いますが、少なくとも以前の質問にリンクして、人々が以前に回答しようとしたことを知ることができるようにすることをお勧めしますか? 元の質問が見つからないため、人々がすでに提案したことに対するあなたの回答を見たかったのですが、できません。

前のアドバイスを試したらどうなりましたか??

注: これは答えではないことは承知していますが、あなたを助けるためにもっと情報が必要でした. また、他の人の投稿にコメントを投稿するのに十分な「担当者」がまだいません. 私に対してそれを保持しないでください:)

望ましい効果を理解できるように、CSS コードを投稿していただけると助かります。

于 2012-11-26T00:31:52.143 に答える