Создание пользовательской кнопки в Firefox (используя аддон пользовательских кнопок) не позволяет мне изменить размер изображения кнопки

Question

Я успешно создал свою собственную кнопку в Firefox, и она делает то, что мне нужно. Затем я поместил на него пользовательский значок с помощью приведенного ниже кода (который работает так, как я хотел), единственная проблема с ним заключается в том, что мое исходное изображение может быть больше или меньше размера, который я на самом деле хочу (чтобы он соответствовал другому). значки на панели инструментов). Поэтому я хочу изменить размер изображения в приведенном ниже коде как-нибудь до жесткого размера и, возможно, до размера значков других кнопок.

Я много гуглил и не мог найти никакого рабочего решения, кроме изменения размера изображения в редакторе изображений и использования этой версии с измененным размером. Весь мой закомментированный код, приведенный ниже, - это лишь некоторые из вещей, которые я пытался изменить, чтобы размер изображения изменился. Никто не работал.

Еще мне интересно, где я могу найти хорошую документацию о том, какие функции и свойства мне доступны для создания пользовательских кнопок. Я попробовал веб-сайт с пользовательскими кнопками, и он кажется довольно скудным по документации. То есть. Я просто догадываюсь на данный момент, потому что 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);}

который не работал.

Answer 1

Похоже, вы изменяете размер обертки изображений, а не самого изображения. Сначала создайте изображение, затем добавьте его в нужное место.

​var img = document.createElement('img');​
img.src = "image.png";
img.height = 200;
img.width = 200;
$('targetwrapper').append(img);