我正在使用JavaScript的Galleria
插件,我需要在full Screen mode
中显示图像,我已经检查了API
并有了一个方法。
.enterFullscreen( [callback] )
returns Galleria
This will set the gallery in fullscreen mode. It will temporary manipulate some document styles and blow up the gallery to cover the browser screen. Note that it will only fill the browser window, not the client screen (javascript can’t do that).
API
我使用ZK Framework
来响应使用此代码的按钮点击。
public void imageZoomer()
{
Clients.evalJavaScript("$('#galleria').data('galleria').enterFullscreen(function() {alert('full screen mode');})");
}
但什么也没发生,我也试过使用
Clients.evalJavaScript("imageZoomer()");
和类似的CCD_ 5功能
function imageZoomer()
{
alert('before');
$('#galleria').data('galleria').enterFullscreen(function(){alert('full screen mode');})
alert('after');
}
调用了上面的函数,但没有发生任何事情,但如果在firebug控制台上尝试此代码
$('#galleria').data('galleria').enterFullscreen(function(){alert('full screen mode');})
我做错了什么都很顺利,非常感谢。
最后,我可以使用ZK中的xmhtml
按钮来解决我的问题,并使用JQuery响应onClick
事件。我无法使用ZK button
来解决问题。这是我的代码,我希望我真的能帮助到别人。
<div xmlns:h="xhtml">
<h:button onclick="$('#galleria').data('galleria').toggleFullscreen();">Full Screen. </h:button>
</div>
致以最良好的问候。。