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

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

引用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);
                }
            });

你可能感兴趣的:(screenfull,全屏插件)