使用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？

回答

相關問題