使用JQuery在图像上创建一个边界DIV？

我想要在现有缩略图图像上有一个粗大的CSS边框，在现有图像的内部获得效果。如果我只是使用CSS，并应用边框框尺寸设置为边框，它的作品，但它减少了图像的边框的大小;我需要的是具有宽边框的现有图像，大小相同，就好像photoshop中的图层一样。使用JQuery在图像上创建一个边界DIV？

创建一个新图像的缺点，我想动态地做，所以它适用于所有图像。

所以我想jQuery的“包装”方法，但至今没有运气，please see this fiddle

缺少什么我在这里？

来源

2012-07-21 Steve

可以使用大纲，没有必要去jQuery的 – defau1t 2012-07-21 17:11:07

@refhat是的，但我需要原始图像的尺寸的内部边界。没有勾勒出原始尺寸？ – Steve 2012-07-21 17:21:01

你可以给大纲一个负值，使它适合你。 – defau1t 2012-07-21 17:24:19

这个工作http://jsfiddle.net/smlombardi/TBmcU/但可能是黑客攻击

$('img.imagefield-field_post_thumbnail').wrap(function() { 

     return '<div class="image-wrap"' + $(this).text() + ' style="height:'+this.height+'px; width:'+this.width+'px" />'; 

    });

来源

2012-07-21 17:17:35 codingbiz

谢谢。这也适用，如果有点复杂[http://jsfiddle.net/smlombardi/Tw6yg/](http://jsfiddle.net/smlombardi/Tw6yg/） – Steve 2012-07-21 17:19:07

使用JQuery在图像上创建一个边界DIV？

回答

相关问题