Question

我想在webos应用程序中添加图像，并希望为其添加click事件。我也无法在应用程序中添加背景图像。我把这段代码放在Basic.css文件中设置背景图片

body.palm-default {
    background: url('../images/comman_bg.png') top left no-repeat;
    z-index: -1;
    position: fixed;
    top: 0px;
    left: 0px;
    width: 320px;
    height: 480px;
}
/* "splash" below is the scene name. Replace it with your scene name to get it to have a custom background */
#mojo-scene-splash-scene-scroller {
    background: url('../images/splash-screenshot-default.png') top left no-repeat;
}

如果有人拥有设置图像的代码并单击图像事件，则回复。

Answer 1

您确定要包含index.html中的Basic.css文件吗？您是否确保相对于CSS文件的位置，图像的路径是否正确？

要为图像设置点击处理程序，您需要执行以下操作：

this.onTapHandler = this.onTap.bind(this);
Mojo.Event.listen($("myImg"), Mojo.Event.tap, this.onTapHandler);

之后你会想停止聆听

Mojo.Event.stopListening($("myImg"), Mojo.Event.tap, this.onTapHandler);

Answer 2

   // set up the image view widget
   this.tfdImages = this.controller.get("tfd-images");
   this.tfdWidget = this.controller.setupWidget("tfd-images", {noExtractFS: true}, this.imageModel = 
                           {
                              onLeftFunction: function() { this.updateImages(-1); }.bind(this),
                              onRightFunction: function() { this.updateImages(1); }.bind(this)
                           });

如何将图像放入webOS应用程序中

2 个答案: