Question

谷歌关闭图书馆的Im相对新,而我目前的障碍是,正在形成一个带子,在方案上树立形象(而不是文字)。我曾尝试增加一个 im子,作为纽芬兰文的内容:

var image = goog.dom.createDom( img , {  src  :  foo.png  });
var button = new goog.ui.Button(image);

然而,尽管一个空白的纽子确实使网页上没有图像。对生成的超文本的检查显示的是无内容的 but子。

I ve also considered adding a style attribute that specifies background-image. However, it s not clear to me how to accomplish this through the Button API.

任何关于如何实现这一目标的想法或实例? 给予帮助。

EDIT:在我获得Dave Paroulek援助后,我就此达成了解决办法:

var button = new goog.ui.CustomButton();
button.render(goog.dom.getElement( button-row ));
var style = button.getElement().style;
style.backgroundImage =  url(foo.png) ;
style.backgroundPosition =  center center ;
style.backgroundRepeat =  no-repeat ;

Answer 1

习俗似乎在发挥作用:

var image = goog.dom.createDom( img , {  src  :  /images/foo.png  });
var button = new goog.ui.CustomButton(image);

我不明白为什么它与Button公司合作,但注意到Button公司提供<条码>和>;Button>和Button提供数条<条码>和div>有些内容,如带子,因此可能与它有某种关系?

Also, if you want to use background-image, then you can try this:

var div = goog.dom.createDom( div , {  class  :  icon goog-inline-block  });
span = goog.dom.createDom( span , {  style :  vertical-align:middle }, 
                               Button with css image );

button = new goog.ui.CustomButton([div, span]);
var btn2 = goog.dom.$( button2 );
button.render(btn2);

之后,添加如下内容:

.icon {
  height: 16px;
  width: 16px;
  margin: 0 1px;
  background-image: url(/images/foo.png);
  background-repeat: no-repeat;
  vertical-align: middle;
}

友情链接