Как установить процент как ширину изображения в Jquery (черно-белый плагин)

Question

Я использую этот плагин: http://plugins.jquery.com/project/BlackAndWhite

Но я не могу понять, как установить ширину изображений в процентах.

Вот в чем дело.На исходном (цветном) изображении я использую width: 80%, но на черно-белом изображении я не могу понять, как изменить ширину до 80%.В файле плагина jquery.BlackAndWhite я нашел эту часть кода (строка 59)

imageData = ctx.getImageData(0, 0, width, height);

Я попытался изменить ширину на

imageData = ctx.getImageData(0, 0, width=80, height);

И это работает .. Только яполучить изображение 40 пикселей.И это не масштабирует изображение.Когда я использую это:

imageData = ctx.getImageData(0, 0, width=80%, height);

Код не распознает символ «%».Кто-нибудь знает, как я могу это исправить?Заранее спасибо!

Answer 1

Лучше установить это изображение внутри контейнера шириной 80%;а затем внутри этого контейнера ширина изображения до 100%;затем как черное, так и цветное изображение получают ширину 80%;

#imagecontainer{width:80%;height:80%;}
#imagecontainer img {width:100%;height:100%;}

Поскольку исходное и клонированное изображение получают одинаковую ширину 80%, удерживаемую их контейнером;