Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/jquery-ui/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 使用jQuery,如何获取图像以全屏打开浏览器';它的高度和宽度是多少?_Javascript_Jquery Ui_Jquery_Css - Fatal编程技术网

Javascript 使用jQuery,如何获取图像以全屏打开浏览器';它的高度和宽度是多少?

Javascript 使用jQuery,如何获取图像以全屏打开浏览器';它的高度和宽度是多少?,javascript,jquery-ui,jquery,css,Javascript,Jquery Ui,Jquery,Css,我想创建一个jQuery函数,它接受一个图像url,当执行时,会全屏显示与当前页面的高度和宽度相匹配的图像 谢谢 .css({高度:'100%,宽度:'100%, 位置:“固定”,顶部:0,左侧:0}) 你也可以使用动画 .animate({高度:'100%',宽度:'100%',位置:'absolute',顶部:0,左侧:0}) 查找参考。仅供参考:如果您的网页在iframe下运行,则必须设置mozallowfullscreen和webkitallowfullscreen。这些属性允许全屏打开

我想创建一个jQuery函数,它接受一个图像url,当执行时,会全屏显示与当前页面的高度和宽度相匹配的图像

谢谢

.css({高度:'100%,宽度:'100%, 位置:“固定”,顶部:0,左侧:0})

你也可以使用动画

.animate({高度:'100%',宽度:'100%',位置:'absolute',顶部:0,左侧:0})


查找参考。

仅供参考:如果您的网页在iframe下运行,则必须设置mozallowfullscreenwebkitallowfullscreen。这些属性允许全屏打开内容

<iframe src="testA.html" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>


IE6不支持
fixed
定位<代码>绝对值可能就足够了。嗨,门迪,我是JQuery新手,我还需要实现相同的功能。。。你能提供使用动画的语法吗?嗨,当我这样做的时候,我仍然可以看到图片下方页面上的滚动条。如何删除它们,然后在图像返回时重新应用它们?谢谢。你可以在body标签中使用Overflow:“hidden”。谢谢!有没有办法使高度/宽度保持比例?现在它正在拉伸图像。