如何使用greasemonkey拆分加載的圖片？

Question

我正在使用FireFox。我想將一張圖片分成3部分，然後使用greasemonkey僅顯示中間部分。有人可以幫助我... 謝謝

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(); 

我假設你想將它水平分割，但它應該是簡單的轉換這對垂直分割。如何在GreaseMonkey中使用jQuery，請參閱this question。