javascript - 无法从 Imgur 相册创建随机播放的 Gif 幻灯片

Question

我目前正在 JSFiddle 中工作，想找到一种方法将我的 Ingur 相册中的 gif 文件拉入永久随机播放的全屏幻灯片。

我有一个 Twitch 流媒体 channel ，我们正在寻找一个永远循环的全屏随机 gif Canvas ，来 self 的相册。

有点像 javascript 新手，这就是我想出的......

    function slideSwitch() {
    var $active = $('#slideshow div.active');
    if ( $active.length == 0 ) {
    var slides = $('#slideshow div');
    $active = slides.eq(Math.floor(Math.random() * slides.length));
    }
    var $next =  $active.next().length ? $active.next()
        : $('#slideshow div:first');
    $active.addClass('last-active');
    $next.css({opacity: 0.0})
        .addClass('active')
        .animate({opacity: 1.0}, 1000, function() {
            $active.removeClass('active last-active');
        });
    }
    $(function() {
        setInterval( function(){slideSwitch()}, 10000 );
    });

供引用:http://jsfiddle.net/ectokooler/upusN/

我意识到有些东西还没有被触及(全屏等)，但我一直在研究过渡并让图像出现(再次.. newb :P)。

有没有人可以帮我弄清楚如何让 gif 拉伸(stretch)全屏(保持纵横比)并连续播放？

在深入研究 imgur api 之前，我很乐意填充 URL 的播放列表。 Imgur相册供引用(http://imgur.com/a/s2pQ2)

提前致谢

外链

Answer 1

只需调整 height和 width直到全屏。

如果这不起作用，请尝试将您的 gif 放在 <iframe> 中