当前位置：文江博客话题详情

如何使用greasemonkey分割加载的图片？

发布于 2024-08-30 22:37:41 字数 66 浏览 2 评论 0原文

我正在使用火狐浏览器。我想将图片分成3部分，然后使用greasemonkey仅显示中间部分。有人可以帮我吗... 谢谢

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

差↓一点笑了 2024-09-06 22:37:41

您可以通过将图像设置为背景图像并操纵大小和背景位置来做到这一点。

以下是使用 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。

You could do it by setting the image as a background image and manipulating the size and background-position.

Here's how to do it using 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();

I assume you want to split it horizontally, but it should be straightforward to convert this to split vertically.

See this question for how to use jQuery in GreaseMonkey.

回复收藏 0 原文

~没有更多了~