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