Как разбить загруженное изображение с помощью greasemonkey?

Question

Я использую FireFox. Я хочу разбить изображение на 3 части, а затем отобразить только среднюю часть с помощью greasemonkey. Может кто-то, пожалуйста, помогите мне ... Thank You

Answer 1

Вы можете сделать это, установив изображение в качестве фонового изображения и манипулируя размером и фоном.

Вот как сделать это с помощью JQuery:

var img = /* get the image */ 
var width = Math.round(img.width()/3.0); 

var split = $('<div></div>') 
    .css('background-image', 'url(' + img.attr('src') + ')') 
    .css('background-position', '-' + width + 'px 0') 
    .css('width', width + 'px') 
    .css('height', img.height()); 

img.before(split) 
    .hide(); 

Я предполагаю, что вы хотите разделить его по горизонтали, но это должно быть простым, чтобы преобразовать это разделить вертикально.

См. this question, как использовать jQuery в GreaseMonkey.