0

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

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

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

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

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

ランダムな色をdivクラスに割り当てるためのChadによるこの回答を見ましたが、意図したとおりに動作させることができませんでしたが、jsfiddleは見栄えがします。私の側で何か奇妙なことが起こっていると確信しています..同じクラスの多くのdiv-異なる背景

どんな助けでも大歓迎です！ありがとう！

4

1 に答える 1

0

あなたのコメントに基づいて、次のようにすることができます（このコードにはjqueryも必要です）：

<style>
    .color-1 a img:hover{background-color:red;}
    .color-2 a img:hover{background-color:blue;}
    .color-3 a img:hover{background-color:green;}
    .color-4 a img:hover{background-color:yellow;}
    .color-5 a img:hover{background-color:orange;}
</style>

<script>
    $(function(){ // this is a shortcut for "on document ready"
        // For each element with the class thumb we find:
        $('.thumb').each(function(){
            // add random class to assign the color
            $(this).addClass('color-' + (Math.floor(Math.random() * 5) + 1));
        });
    })
</script>
...

お役に立てれば ：）

于 2013-10-08T22:10:07.527 に答える