Question

我正在使用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()");

和javascript这样的功能

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');})

它很顺利，我做错了很多。

Answer 1

最后我可以使用ZK中的xmhtml按钮解决我的问题并使用JQuery响应onClick事件我无法使用ZK button解决我的问题这里是我的代码我希望我真的帮助某人。

<div xmlns:h="xhtml">
   <h:button onclick="$('#galleria').data('galleria').toggleFullscreen();">Full Screen.          </h:button>
</div>

最好的问候..

Java ZK + Javascript JQuery Galleria IO FullScreenMode

1 个答案: