加入jQuery的img標籤和包裝

我有一個div標籤加入jQuery的img標籤和包裝

<img class="example" src="http://adress.pl/img/oryginal.jpg" align="left">

我想添加一個標籤。最終結果：

<a href="http://adress.pl/img/oryginal.jpg" rel="example_group"> 
    <img src="http://adress.pl/cache.php?f=oryginal.jpg&w=200&h=100" width="200px" height="100px" class="example"> 
</a>

來源

2013-10-29 user2931020

您可以使用.wrap()來包裝元素，.attr()設置高度和寬度屬性

$('.example').wrap(function() { 
    return $('<a />', { 
     href: $(this).attr('src'), 
     align: 'left' 
    }) 
}).attr({ 
    height: '100px', 
    width: '200px', 
    src : function(idx, src){ 
     var parts = src.split('/'); 
     return 'http://adress.pl/cache.php?f=' + parts[parts.length - 1] +'&w=200&h=100' 
    } 
})

演示：Fiddle

來源

2013-10-29 07:21:21

非常感謝你。我想替換img標籤=> src =「http://adress.pl/cache.php?f=oryginal.jpg&w=200&h=100」本主題中給出的示例。 – user2931020

@ user2931020嘗試更新 –

再次感謝您。祝你今天愉快。 – user2931020

加入jQuery的img標籤和包裝

回答

相關問題