0

私は自分の作品の写真やビデオを含めることができるように、ポートフォリオ サイト用のシンプルなプラグインを探していました。

私は現在、これを私のウェブサイトのコンセプトに実装しています。シンプルなサムネイル ギャラリーですが、これにビデオを追加したい場合、どこから始めればよいかわかりません。可能だとしても？5 つの画像サムネイルと 1 つのビデオ サムネイルが必要です。いずれかをクリックすると、フェード トランジション付きの大きなビューポートに表示されます。このようなものを見つけるのがどれほど難しいか信じられません。確かに人々は以前にこれを望んでいましたか?

4

1 に答える 1

0

私はこのようなものが必要でした。
ネットとjsfiddleについて調査し、修正してこのコードを思いついた。
ワーキングデモ 

$(".fancybox").find("img").stop(true, true).animate({
            "opacity": 0.2
        }, "slow");

$(".fancybox").on("mouseenter", function () {
            $(this).find("img").stop(true, true).animate({
                "opacity": 1
            }, "slow");
}).on("mouseleave", function () {
        $(this).find("img").stop(true, true).animate({
            "opacity": 0.2
        }, "fast");
}).fancybox({
padding: 0,
openEffect: 'elastic',
openSpeed: 250,

closeEffect: 'elastic',
closeSpeed: 450,
closeClick: false,

helpers: {
    overlay: {
        css: {
            'background': 'rgba(0, 0, 0, 0.9)'
        }
    }
}
});

ファンシーボックスプラグインを使用しています。
私はすでに返信が遅れているかもしれませんが、同じクエリを探している誰かを助けるかもしれません。

于 2013-01-06T21:32:45.490 に答える