0

私はJavaScriptが苦手ですが、これは実行可能であり、あなたの助けを借りることができると思います.

.thumbs という div クラスがあり、この div 内にはライトボックス ギャラリーのすべてのサムネイルがあります (これらのサムネイルはリンクでもあります)。

画像にはパディングと境界線があるため、パディングで画像の背景色を確認できます。

:hover でこれらの各画像の背景色として 5 色からランダムな色を割り当てるスクリプトが必要です。

画像がホバーされるたびに新しいランダムな色が割り当てられるのではなく、これらの色がページの読み込み時に一度だけ割り当てられるのが最善だと思います。

ここで見つけたスクリプトを調整してみました: https://stackoverflow.com/a/18259491/2860129

.random から .thumbs img に変更すると、スクリプトは期待どおりに画像の背景に色を割り当てました。ただし、任意の種類の :hover を追加すると、それが壊れて何も起こりません。:hover を追加する必要がある特定の場所はありますか、それとも onmouseover などを使用して javascript でホバー アクションを定義する必要がありますか?

さらに、画像がクリックされると、別の画像がクリック/選択されるまで、背景色を維持したいと思います。そして、誰かがこのコードに追加して、同じ色が 2 つ連続しないようにすることができれば、それは素晴らしいことです。（「配列から色を削除して、再度使用できないようにする」セクションを削除しました）。

助けてくれる人に感謝します。これらはかなり単純な問題だと思いますが、とても感謝しています。

4

1 に答える 1

0

jqueryで

$(".thumbs").hover(function() {
 color = new Array(1,1,1).map(function(val) { return ~~(Math.random()*255); }).join(",")
 return "rgb(" + color + ");";
});
于 2013-10-09T20:49:59.307 に答える