2

私はFirefoxで独自のカスタムボタンを正常に作成しました。それは私が必要とすることを行います。それで、以下のコードを介してカスタムアイコンを配置しました（これは私が望むように機能します）。唯一の問題は、ソース画像が実際に必要なサイズよりも大きいか小さい場合があることです（他のアイコンと一致させるため）ツールバーのアイコン)。だから私がしたいのは、以下のコードの画像のサイズを何らかの方法でハードコードされたサイズに変更し、オプションで他のボタンのアイコンのサイズに変更することです。

私は多くのグーグルを行ってきましたが、画像エディターで画像のサイズを変更し、そのサイズ変更されたバージョンを使用する以外に、有効な解決策を見つけることができませんでした. 以下のコメントアウトされたコードはすべて、画像のサイズを変更しようとしたもののほんの一部です。どれも機能しませんでした。

私が疑問に思っているもう 1 つのことは、カスタム ボタンを作成するために使用できる関数とプロパティに関する適切なドキュメントをどこで探すことができるかということです。カスタム ボタンの Web サイトを試してみましたが、ドキュメントがかなり少ないようです。すなわち。Google は、私がまだ試していない良い例を思い付いていないので、基本的にはこの時点で推測しているだけです。

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 に答える