js全屏插件-全屏任何一个你想要的元素，单图片or轮播图

最新推荐文章于 2024-09-02 14:07:15 发布

chanzig

最新推荐文章于 2024-09-02 14:07:15 发布

阅读量1.3k

点赞数

分类专栏： js 文章标签： screenfull 全屏插件

本文链接：https://blog.csdn.net/chanzig/article/details/47217811

版权

js 专栏收录该内容

15 篇文章 0 订阅

订阅专栏

如题所说，你可以全屏任何一个元素

引用js screenfull.js

fullscreen 一个元素 like a img

$('img').click(function () {
    if (screenfull.enabled) {
        // We can use `this` since we want the clicked element
        screenfull.toggle(this);
    }
});

fullscreen 任何一个模块一个组或者整个页面

html :

<div  id="banner">
      <div id="home-carousel" class="carousel slide" data-ride="carousel">
            ul>li*5
      </div>
</div>

var elem = document.getElementById('banner');//banner->body will show allbody 
            document.getElementById('buttonMe').addEventListener('click', function () {
                if (screenfull.enabled) {
                    screenfull.request(elem);
                }
            });