Javascript 三星TV SDK中的CAPH API小部件
我做了一个非常简单的CAPH项目,它由一个包含3x3图像的页面组成。 当我把注意力集中在图像上时,我希望能够做点什么。 到目前为止,我已经阅读了文档,但无法理解 我想做的就是在聚焦时降低图像的透明度 这是需要编辑的代码:Javascript 三星TV SDK中的CAPH API小部件,javascript,samsung-smart-tv,Javascript,Samsung Smart Tv,我做了一个非常简单的CAPH项目,它由一个包含3x3图像的页面组成。 当我把注意力集中在图像上时,我希望能够做点什么。 到目前为止,我已经阅读了文档,但无法理解 我想做的就是在聚焦时降低图像的透明度 这是需要编辑的代码: page1_page.prototype.image_3fzrc_onfocus = function() { //should reduce image opacity but don't know how to reference the image } 多谢各位
page1_page.prototype.image_3fzrc_onfocus = function()
{
//should reduce image opacity but don't know how to reference the image
}
多谢各位
PS:我使用了可视化编辑器
编辑:我做了类似的事情,但什么也没发生
page1_page.prototype.image_3fzrc_onfocus = function()
{
imgspring= caph.wui.widget._Component.getWidgetById("image_3fzrc");
imgspring.setOpacity(0.5);
};
你要做的是:
$(document).ready(function(){
$.caph.focus.activate(function(nearestFocusableFinderProvider, controllerProvider) {
controllerProvider.onFocused(function(event, originalEvent) {
$(event.currentTarget).css({
opacity: 0.5
});
});
});
});
但如果元素多于图像,则可以设置这样的条件,使其不影响聚焦的任何元素,只影响图像:
$(document).ready(function(){
$.caph.focus.activate(function(nearestFocusableFinderProvider, controllerProvider) {
controllerProvider.onFocused(function(event, originalEvent) {
//CONDITION: Just affect to elements with class 'image'
if($(event.currentTarget).attr("class")=== 'image'){
$(event.currentTarget).css({
opacity: 0.5
});
}
});
});
});
您能在控制台中检查错误吗?@pjp控制台不显示任何错误:sFYI,尽管主题不明确,但您应该使用
var imgspring
。