0

我有一个我称之为的图像,user_image我有另一个我称之为的图像border_image

我想做一些功能,比如当我单击border_image(*Cars2_h.gif*) 时,它应该看起来像 (flowers.jpeg)user_image边框

现在我的老团队成员已经在 java 中使用图像渲染完成了这项工作,我不确定他们是如何做到的。

我想在 ruby​​ 中做同样的功能(转向Ruby On Rails)。我非常需要你们的帮助。

我尝试使用mini_magick复合方法,但它没有按我的预期工作。

4

1 回答 1

0

如果我正确理解您要实现的目标,那么这在 CSS 中更容易完成客户端。使用 CSS 背景属性来定义边框图像,分配给 CSS 类,然后单击只需切换主图像的 CSS 类。在它周围提供填充,以便背景可见,仅此而已。这是一些伪代码,我为您创建了一个 JSFiddle,您可以在此处查看它的运行情况http://jsfiddle.net/RK8CD/

HTML

<button id="toggle">toggle background</button> 
<img id="user_image" src=".....">

CSS

.withBackground { 
   background: url('....') repeat;
   padding:20px;
}

JS

$('#toggle').click(function() {
    $('#user_image').toggleClass("withBackground");
});

如果您想使用多个图像作为背景并让用户选择,那么最好直接设置 CSS 属性而不是为每个图像创建单独的类。

于 2013-05-28T09:06:01.910 回答