Question

我一直在为我的投资组合网站添加一个简单的插件，所以我可以包含我工作的照片和视频。

我目前在我的网站概念中实现了这一点; Simple Thumbnail Gallery但如果我想在此添加视频，我不知道从哪里开始？即使它可能吗？我想要5个图像缩略图和1个视频缩略图，当您点击它们时，它们会出现在具有淡入淡出过渡的较大视口中。我不敢相信找到这样的东西是多么困难，当然人们之前想要这个吗？

Answer 1

我需要这样的东西。
对网络进行了一些研究。 jsfiddle＆amp;修改过的＆amp;想出了这段代码。
WORKING DEMO

$(".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)'
        }
    }
}
});

它使用的是精美的盒子插件。
我知道我可能已经迟到了回复，但可能会帮助那些寻找相同查询的人。

照片＆amp;视频缩略图库

1 个答案: