标签: fullscreen

在iPad网络应用程序上的全屏图像呈现

我正在iPad网络应用程序上显示包含多个全尺寸(768x1024)图像的视图.图像位于彼此相邻的独立div中.这些图像是预装的.

图像之间的转换是使用-webkit-transform:translate3d()完成的,这在考虑性能时应该是最有效的方式.过渡是为整个身体元素完成的.但我不能说是通过复制滚动,平铺滚动还是完全重绘来执行渲染.

但是,当我在图像之间滑动时,渲染新图像并不完全正常 - 图像的右侧(最后~20%)闪烁.只有在第一次显示图像时才会发生这种情况,之后没有问题.

我已经尝试过的:

  • 两个全尺寸图像(每个约200kb)和lo-res(每个~30kb)作为背景图像
  • 像上面一样,但作为img元素
  • 较小的缩略图图像拉伸为全尺寸背景大小:封面(性能非常糟糕)
  • 单色图像.
  • 通过在单个视图中缩小整数内容然后将其重新缩放为100%来一次显示整个内容

这些都不起作用.我也试过通过离线应用程序缓存提供图像,但是我没有这个问题在加载图像的地方有很多工作,但纯粹是作为渲染问题.

我还检查了我是否具有可能影响性能的CSS属性(例如,过滤器,定位或溢出问题).不应该有任何会导致惩罚的事情.

目前,只有工作解决方案才能完全没有图像,因为没有图像就没有渲染问题.并且完成转换后的显示图像.然而,这只是第二个(也是最后一个)解决方案.

performance transition web-applications fullscreen ipad

1
推荐指数
1
解决办法
1483
查看次数

在Mobile Safari上退出全屏后停止视频

嘿伙计们,我在网页上有一个缩略图,点击后,使用webkitEnterFullscreen()方法全屏播放视频.

但是,一旦用户触摸"完成"按钮并离开全屏模式,我就需要停止播放视频.

用户退出全屏后是否会触发事件?

谢谢,德鲁

events fullscreen mobile-safari ios

1
推荐指数
1
解决办法
3466
查看次数

HTML5全屏API转义按钮事件

我正在使用jQuery全屏插件https://github.com/martinaglv/jQuery-FullScreen 我的代码:

$('#cancel-fullscreen').hide()                     
//View Fullscreen
$('#view-fullscreen').click(function(){
    $('#container').css({'background': 'green'}).fullScreen();
    $(this).hide();
    $('#cancel-fullscreen').show();
    return false;
});

//Cancel Fullscreen 
$('#cancel-fullscreen').click(function(){
    //I need this work when "Esc" or "F11" buttons pressed                                 
    $('#container').css({'background': 'red'}).fullScreen(); //If press "Esc" background still green..
    $(this).hide();
    $('#view-fullscreen').show();
    return false;
});
Run Code Online (Sandbox Code Playgroud)

它工作得很好,但我的设计中不需要"取消"按钮,按下"Esc"或"F11"按钮全屏取消.按下这个按钮后我需要运行一些功能,任何想法怎么办?

谢谢,Kuzzy.

jquery html5 fullscreen jquery-plugins

1
推荐指数
2
解决办法
8782
查看次数

创建css全屏布局

Endles试图创建一个CSS布局

<div id="act"><img src="img/home01.jpg"></div>    
<div id="buttons></div>
Run Code Online (Sandbox Code Playgroud)

img"home01"应该适合屏幕.没有卷轴,没有空格,没有溢出,监视器大小和img原始大小是什么.

div按钮应该可以点击,即在img"home01"(更高的z-index)前面,并在屏幕上居中显示.
请帮忙.

html css fullscreen

1
推荐指数
1
解决办法
2333
查看次数

在MainWindow中全屏显示QDialog有时只能工作

(在Qt 4.8和Ubuntu 12.10上使用C ++进行测试)

我有一个显示QDialog的主窗口。当我将“对话”窗口全屏显示时,即使它似乎是一个适当的窗口,它也似乎始终无法工作。意思是,窗口有时会全屏显示。

有人知道吗?我知道Qt指出它可能无法在所有X环境中使用,但是可以不是那么糟糕,不是吗?

MainWindow::MainWindow(QWidget *parent) :
    QMainWindow(parent),
    ui(new Ui::MainWindow)
{
    ui->setupUi(this);
    QDialog* d = new QDialog();
    d->setModal(false);
    d->show();       
    qDebug() << d->isWindow();

    // works most of the times, though not always:
    // d->showFullScreen();

    // sometimes works, sometimes it doesn't:
    QTimer::singleShot(2000, d, SLOT(showFullScreen()));
}
Run Code Online (Sandbox Code Playgroud)

c++ qt fullscreen qdialog

1
推荐指数
1
解决办法
5240
查看次数

SYSTEM_UI_FLAG_LAYOUT_HIDE_NAVIGATION无效

我在a中使用此代码VideoView试图隐藏运行Android(CyanogenMod)4.1的触控板上的导航栏.

    setSystemUiVisibility(SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN
            | SYSTEM_UI_FLAG_LAYOUT_HIDE_NAVIGATION
            | SYSTEM_UI_FLAG_FULLSCREEN
            | SYSTEM_UI_FLAG_HIDE_NAVIGATION);
Run Code Online (Sandbox Code Playgroud)

不幸的是它完全没有效果,也没有错误.我不知道要寻找什么(我感谢"它不起作用"并不是很有帮助,但我认为这是你需要使用的唯一代码行,并且因为有没有错误...)

我尝试了各种各样的变化 - getWindow().getDecorView().setSystemUiVi...在多个地方,在计时器等处进行.这段代码肯定已达到,但它根本没有做任何事情.

layout android fullscreen

1
推荐指数
1
解决办法
5015
查看次数

WPF拉伸全屏应用程序覆盖整个屏幕

我正在创建简单的演示应用程序.它必须是全屏的,UI必须是响应的,例如.它必须根据分辨率进行缩放.有没有办法将WPF窗口拉伸到整个屏幕?

c# wpf fullscreen responsive-design

1
推荐指数
1
解决办法
1356
查看次数

检测用户是否使用jQuery退出全屏视频

有没有办法检测用户是否退出全屏视频.如果退出全屏模式,我想重新加载我的视频.我在这里找到了一些关于cancelFullScreen和exitFullScreen的内容,但我找不到任何东西对我有用.任何信息将不胜感激.

javascript video jquery fullscreen html5-video

1
推荐指数
1
解决办法
2247
查看次数

UWP全屏:如何在悬停时隐藏任务栏?

当您在UWP上处于"全屏模式"时,当您用鼠标光标触摸显示屏的底部/顶部时,任务栏/窗口标题始终显示.在古墓丽影的崛起的UWP版本中,会出现一个小的蓝色矩形,您必须单击以显示任务栏/窗口标题.如何在C#/ XAML UWP游戏中实现类似的行为?谢谢!

隐藏的任务栏 隐藏的图像标题

c# xaml fullscreen uwp uwp-xaml

1
推荐指数
1
解决办法
1220
查看次数

如何通过单击主图像打开fotorama全屏模式?

我正在使用fotorama js插件作为产品库。单击主图像(而非缩略图)时如何打开全屏模式?我想允许用户通过单击图像而不是右上角的全屏图标来打开全屏模式。

这个答案对我不起作用:https : //stackoverflow.com/a/19064471/4680550

image click fullscreen fotorama

1
推荐指数
1
解决办法
2805
查看次数