如何使用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。