JS控制DIV全屏化问题

我现在的页面有一个DIV，DIV里面有张图片，这个图片是从数据库读取的，然后图片上面有很多小的红点（就是很多坐标），这些坐标也是从数据库读取的，我现在有一个按钮，想实现点击按钮让这个DIV全屏化，里面的数据不会变动。求大神解惑！！！

解决方案 »

  1.   

    既然是图片，直接更改img的width height 不行？
      

  2.   

    <!DOCTYPE html>
    <html>
    <head>
        <title></title>
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.js" type="text/javascript"></script>
        <script type="text/javascript">
            function scale(obj){
                if($(obj).attr("max")==0){
                    $(obj).attr("max","1");
                    $("#div1").css("width","100%");
                    $("#img1").width($("#div1").width()-15);
                }else{
                    $(obj).attr("max","0");
                    $("#div1").css("width","110px");
                    $("#img1").width($("#div1").width()-15);
                }
            }
        </script>
    </head>
    <body>
    <input type="button" onclick="scale(this)" max="0" value="缩放" />
    <div id="div1" style="border:solid 1px red;width:110px;" >
        <img id="img1" alt="" src="http://avatar.profile.csdn.net/8/A/4/1_wbb123yu.jpg" />
    </div></body>
    </html>
      

  3.   

    你们这样不管设多高，图片总是在浏览器里面，我想要像看视频点击全屏那样的效果，让DIV把整个屏幕占满。
      

  4.   

    html、js、css、是在浏览器上运行的（暂不说nodejs），浏览器没这功能就不行，如果有这功能，也需要为js提供接口，很显然，现在不能实现这个功能
      

  5.   

    图片大小不需要变，或者说居中就可以吧！div全屏可以这样子，简单的办法是，增加一个class，前提这个class加上之后的优先级要高于别的。样式{position:fixed,width:100%},height一般通过js获取屏幕显示区域的高度($(window).height(),需要考虑div的margin)
      

  6.   

    为什么要增加一个class,我直接调整这个DIV的样式不行吗？还有你说的class的优先级怎么调？
      

  7.   


    楼主：８楼说的，其实跟我的差不多，　也只是能占浏览器所在页面的宽度100%。想要全屏，没门！你要想全屏呀，哥告诉你个办法，不过你得请哥呷饭。找一个比较精通flash的人，这个flash可以全屏，视频播放器一般也就是flash做的。然后这个falsh可以传参数（图片地址），行了吧！
      

  8.   

    嗯，HTML5的fullscreen可以实现，但要浏览器支持.......
      

  9.   

    全屏显示不行，除非用flash实现，js实现不了，不用弄了，鉴定完毕。。
      

  10.   

    别停LS的各位胡说，全屏的只需掉用F11快捷键就可以了，目前主流浏览器支持F11全屏