0

こんにちは、ライトボックスで遊んでいます。私がやろうとしているのは、ユーザーがカーソルを合わせると色が変わるように、サムネイルの周りに境界線を引くことです。

例： http: //lokeshdhakar.com/projects/lightbox2/

サムネイルにカーソルを合わせると、画像の境界線の色が変わることがわかります。私の画像でこれを行うのを手伝ってくれる人はいますか? 私はそれらをdivに配置し、6つ取得しました。助けてくれてありがとう。

HTML:

<div class = "lightbox">
    <a href="images/image1.jpg" rel="lightbox[group]"><img src="images/image1t.jpg" /></a>
    <a href="images/image2.jpg" rel="lightbox[group]"><img src="images/image2t.jpg" /></a>
    <a href="images/image3.jpg" rel="lightbox[group]"><img src="images/image3t.jpg" /></a>
    <a href="images/image4.jpg" rel="lightbox[group]"><img src="images/image4t.jpg" /></a>
    <a href="images/image5.jpg" rel="lightbox[group]"><img src="images/image5t.jpg" /></a>
    <a href="images/image6.jpg" rel="lightbox[group]"><img src="images/image6t.jpg" /></a>
</div>
4

2 に答える 2

1

このようなことを試してください

a img
{
border:3px solid #ccc;
}
a:hover img
{
border:3px solid #666;
}

より良い例については、このフィドルを確認してください

于 2013-04-03T22:50:22.477 に答える