带有Servoy的翻转图像媒体

时间:2016-02-22 14:15:15

标签: javascript image frameworks media

我正在尝试在Servoy中编码翻转图像媒体。有人可以帮我解决语法问题。我无法使用设计编辑器,因为表单是在代码中构建的。

如果此代码显示图像:

globals.AddButton(v_form,v_action,10,'addRecord.png','Add New Record');

如何修改它以显示' addRecord_ro.png'当我用鼠标悬停?

提前致谢

1 个答案:

答案 0 :(得分:0)

您可以使用WebClientUtils向应用程序添加CSS样式表:

plugins.WebClientUtils.addCssReference('http://yourserver.com/css/yourstyle.css')

在该样式表中创建一个css类:

.my-button:hover { background-image: url(myImage_folder/myImage.png); }

然后在显示表单时,将我的按钮样式指定给按钮:

plugins.WebClientUtils.setExtraCssClass(elements.btn_find, 'my-button');

注意:您只能在 Web客户端中执行此操作,因为 Smart Client 不支持:hover事件。

参考文献:

https://servoy.com/forum/viewtopic.php?f=3&t=19403 - 更改按钮的背景颜色:悬停在Servoy中

https://www.servoy.com/forum/viewtopic.php?f=22&t=14338&p=75767&hilit=image+file+relative+path - 在Servoy中使用CSS翻转图像的相对路径