2

我已经在 Firefox 中成功创建了自己的自定义按钮，它可以满足我的需要。所以然后我通过下面的代码在它上面放置了一个自定义图标（它可以按我的意愿工作），唯一的问题是我的源图像可能比我实际想要的大小更大或更小（以匹配另一个工具栏中的图标）。所以我想要做的是以某种方式将下面代码中的图像大小调整为硬编码大小，并可选择调整为其他按钮图标的大小。

我做了很多谷歌搜索，除了在图像编辑器中调整图像大小并使用调整大小的版本之外，我找不到任何可行的解决方案。我下面所有注释掉的代码只是我试图让图像调整大小的一些东西。没有工作。

我想知道的另一件事是我在哪里可以找到关于我可以使用哪些功能和属性来制作自定义按钮的好文档。我尝试了自定义按钮网站，文档似乎很少。IE。我基本上只是在猜测这一点，因为谷歌还没有想出更多我还没有尝试过的好例子。

var profilePath="file:\\" + Components.classes["@mozilla.org/file/directory_service;1"].getService( Components.interfaces.nsIProperties).get("ProfD", Components.interfaces.nsIFile).path
var myImageDirRelativePath="/testicons/"

var myImage="Next.ico"

this.image=profilePath + myImageDirRelativePath + myImage

//this.style.width=500
//this.style.height=500

//this.width=50
//this.height=40

//this.image.height=5
//this.image.width=5

//this.region=new rect(0px, 24px, 24px, 0px)

我还尝试设置以下属性：

.custombutton                  
  {-moz-image-region: rect( 0px 24px 24px  0px);}

这没有用。

4

1 回答 1

4

看起来您正在调整图像包装器而不是图像本身的大小。首先创建图像，然后将其附加到正确的位置。

​var img = document.createElement('img');​
img.src = "image.png";
img.height = 200;
img.width = 200;
$('targetwrapper').append(img);
于 2012-10-25T12:55:44.397 回答