2

進行中の 1 ページの Web サイトに jQuery Isotope プラグイン ロジックがいくつかあります。

アイテムが選択され、一部のコンテンツを表示するために最大化されると、クリックされたものを除いて、最小化された後に他のすべてを暗く/暗く/マスクしたいと思います。これは私が現在持っている作業ロジックです。クリックされたアイテムは選択されたクラスを追加し、すでに選択されている*アイテム* はクリックされたときに選択されたクラスを削除します:

$('.item').click(function(){
    if($(this).hasClass('selected')){
        $(this).removeClass('selected');
        $(this).children('.maximised').hide()
        $(this).children('.minimised').show()
    }else{
        $(this).addClass('selected');
        $(this).children('.minimised').hide()
        $(this).children('.maximised').show()
    }
    $container.isotope('shuffle');
    $container.isotope('reLayout');
});

背景の画像/ビデオが見えるようになるため、透明度を操作すると見栄えがよくありません。たぶん、ブラウザウィンドウ全体を簡単に「薄暗くする」ことができますか？理想的には、別のプラグインを避けたいと思います。どうすれば望ましい効果を達成できるか提案はありますか?

事前にどうもありがとうございました！

4

1 に答える 1