Tag: 全屏

jQuery全屏背景图像: 我需要一个jQuery插件的帮助，它可以将图像缩放到全屏，并且仍然允许用户将内容放在其下。例如： www.burton.com 上面的网站有一个全屏图像，下面还有内容。有人能告诉我怎么做吗？我尝试了不同的jQuery Image幻灯片插件，但仍然无法完成它。我将把它用于我的学校项目。

全宽Div: 我正在使用jQuery ScrollTo的项目我有6行，每行有6个子div，我希望每个子div都是’全宽’（浏览器窗口中的边到边）。这是我的小提琴： http ： //jsfiddle.net/RZjrV/2/ 这是一个实时版本： http ： //www.david-haigh.com/Website-Files/index.html 干杯! 😉

如何检测浏览器支持requestFullscreen: 如何检测浏览器是否支持requestFullscreen ？我在下面有这些代码来制作chrome，safari，firefox和opera（不完全正常）以使文档全屏，但我想检测浏览器是否支持requestFullscreen 。我该怎么办？ $(‘.button-fullscreen’).click(function(){ var docElm = document.documentElement; // W3C Proposal if (docElm.requestFullscreen) { docElm.requestFullscreen(); } // mozilla proposal else if (docElm.mozRequestFullScreen) { docElm.mozRequestFullScreen(); } // Webkit (works in Safari and Chrome Canary) else if (docElm.webkitRequestFullScreen) { docElm.webkitRequestFullScreen(); } return false; }); $(‘.button-sound’).click(function(){ // W3C Proposal if (document.exitFullscreen) { document.exitFullscreen(); } // mozilla […]

寻找覆盖全屏幻灯片的脚本: 我正在寻找一个脚本，用于在网页顶部覆盖全屏图像幻灯片。我熟悉生成全屏背景的脚本，以及灯箱脚本，但我正在寻找一个全屏幻灯片，用一个信箱填充整个浏览器窗口，以保持图像的正确比例，理想情况下是过渡效果。有人能指出我正确的方向吗？谢谢，缺口

2个问题/ 1.全屏（jQuery）/ 2.背景更改并另存为Cookie: 你好，我在网上搜索，但找不到正确的代码和平.. 我想这样做： – 点击按钮进入全屏模式。 – 将背景颜色更改为深色并将其另存为cookie。全屏模式：我是jQuery的新手，无法找到合适的代码。我找到了一个，但当我点击按钮到下一页时，它会关闭全屏模式到正常的浏览器窗口，并更改我的网站背景颜色。成立代码： TEST function toggleFullScreen() { if ((document.fullScreenElement && document.fullScreenElement !== null) || (!document.mozFullScreen && !document.webkitIsFullScreen)) { if (document.documentElement.requestFullScreen) { document.documentElement.requestFullScreen(); } else if (document.documentElement.mozRequestFullScreen) { document.documentElement.mozRequestFullScreen(); } else if (document.documentElement.webkitRequestFullScreen) { document.documentElement.webkitRequestFullScreen(Element.ALLOW_KEYBOARD_INPUT); } } else { if (document.cancelFullScreen) { document.cancelFullScreen(); } else if […]

请求全屏HTML5videoonPlay: 当用户点击元素上的播放按钮时，我正在使用以下代码触发全屏： var video = $(“#video”); video.on(‘play’, function(e){ if (video.requestFullscreen) { video.requestFullscreen(); } else if (video.mozRequestFullScreen) { video.mozRequestFullScreen(); } else if (video.webkitRequestFullscreen) { video.webkitRequestFullscreen(); } }); 但是当我点击播放按钮时没有任何反应。任何想法都是为什么？编辑：这是我的HTML代码： <source src='/inc/pilot.mp4′ type=”video/mp4″> <source src='/inc/pilot.ogv’ type=”video/ogg”> <source src='/inc/pilot.webm’ type=”video/webm”>

使用fancybox +全屏选项: 在我的网站上，我有一些图像，我在fancybox中显示它们。一切正常，但现在网站的要求是为照片设置全屏模式，全屏我的意思是我想在我的fancybox底部添加一个按钮，当用户点击该按钮时，当前图像（fancybox图像）必须以全屏模式显示。全屏示例： http ： //buildinternet.com/project/supersized/slideshow/3.2/demo.html 但是这个例子不适合我的情况，因为我仍然需要在全屏模式之前使用fancybox。所以有人有一些代码要分享或者一些好的库，我可以做那个集成btw jQuery Fancybox和一些全屏api？谢谢

jQuery：如何使用转义按钮退出全屏模式时执行代码？: 以下问题：使用我的代码，我通过单击列表中的图像进入全屏模式。我通过jQuery将下一个按钮和我的prev按钮移动到屏幕边缘。但在离开全屏模式后，我希望他们回到原来的位置。但是如何检测全屏模式是否已被取消？这是我的代码：HTML： … JavaScript的： $(document).ready(function () { $(‘.bxslider li img’).click(function (event) { var clicked = $(this); var clicked_index = clicked.index() + 1; if (clicked[0].mozRequestFullScreen) { //works only for firefox so far clicked[0].mozRequestFullScreen(); $(‘#slider-next’).css({ “position”: “fixed”, “right”: “0”, “top”: “50%”, “z-index”: “2147483647” }); $(‘#slider-next’).click(function (event) { clicked_index = clicked_index + 1; var clacked […]

是否可以使用html5自动全屏？: 我基于在Web浏览器中使用Fullscreen API（http://hacks.mozilla.org/2012/01/using-the-fullscreen-api-in-web-browsers）进行全屏，但仅适用于单击事件或控制台firebug，而不是提交事件或鼠标hover或类似的自动化。是否可以使用html5自动全屏，无需点击事件或类似事件？编辑：如果不可能，我理解安全性和可访问性的原因，但在某些环境中，这可能是有希望的。

在IFRAME内部，jPlayer全屏？: 在IFRAME标签内可以使jPlayer的全屏工作吗？因此，“全屏”受iframe大小的限制。编辑：以下是我在IFRAME插入jPlayer的方法：其中videotut.html包含一个包含jPlayer的完整HTML页面，如果独立加载则可以正常工作。使用document.getElementById(‘movieContainer’).innerHTML = ‘…等代码修改object标签document.getElementById(‘movieContainer’).innerHTML = ‘… 另请参阅： https ： //groups.google.com/forum/#!topic/jplayer/IQxIIYhtAnE （PS如果您想帮助我为jPlayer提供多video设计，请在此处执行此操作： jPlayer多video演示代码？）