與名稱略有不同的複製圖像

我需要複製圖像文件並在對文件名進行輕微更改之後添加它。與名稱略有不同的複製圖像

我遇到的問題是var不會隨每個圖像而改變。這將不得不運行更多的圖像，所以我必須找到一種方法來更新每個圖像的var。

<a class="slashc-img-zoom-pan"> 
<img src="/v/vspfiles/photos/hk01344-1478-1.jpg"> 
</a> 
<a class="slashc-img-zoom-pan"> 
<img src="/v/vspfiles/photos/sc-00342-1.jpg"> 
</a> 
<a class="slashc-img-zoom-pan"> 
<img src="/v/vspfiles/photos/bs-0034-534-1.jpg"> 
</a> 

<script> 
$('a img').each(function() { 
var image_sku = $("a").html().split("-1.jpg")[0]; 
$(this).after(image_sku + '-2.jpg" >'); 
}); 
</script>

結果是假設是這樣的：

<a class="slashc-img-zoom-pan"> 
<img src="/v/vspfiles/photos/hk01344-1478-1.jpg"> 
<img src="/v/vspfiles/photos/hk01344-1478-2.jpg"> 
</a> 
<a class="slashc-img-zoom-pan"> 
<img src="/v/vspfiles/photos/sc-00342-1.jpg"> 
<img src="/v/vspfiles/photos/sc-00342-2.jpg"> 
</a> 
<a class="slashc-img-zoom-pan"> 
<img src="/v/vspfiles/photos/bs-0034-534-1.jpg"> 
<img src="/v/vspfiles/photos/bs-0034-534-2.jpg"> 
</a>

來源

2011-07-01 user764728

你正在尋找一個一次性工具來做到這一點還是其他什麼東西？ –

不太清楚你的意思。當頁面上發生某些事件時，您是否需要對HTML進行這種更改以動態發生？你在尋找JavaScript代碼來做到這一點？ – Spudley

該問題已被縮小和清理，所以我想以更好的方式提問 – user764728

這與jQuery。

$('a.slashc-img-zoom-pan img:eq(0)').each(function(){ 
    var src = $(this).attr('src'); 
    var src2 = src.replace('-1.jpg','-2.jpg'); 
    $('<img src="' + src2 +'" >').appendTo('a.slashc-img-zoom-pan'); 
});

http://jsfiddle.net/jasongennaro/TUzNF/3/

說明：

得到IMG的第一個實例（必要的，因爲你將創建第二個）
搶SRC文本
更換結束位
將其添加回父a

來源

2011-07-01 17:03:39

使用任何編程語言，你必須提供給您的循環功能。例如，在PHP中你可以這樣做：

<?php 
for($i=1;$i<41;$i++) { 
    echo '<img src="/v/vspfiles/photos/hk01344-1478-'.$i.'.jpg" />'; 
} 
?>

的JavaScript（用jQuery）：

for(i=1;i<41;i++) { 
    $('#element').append('<img src="/v/vspfiles/photos/hk01344-1478-' + i + '.jpg" />'); 
}

來源

2011-07-01 15:17:44

有沒有辦法用java或jQuery來做到這一點？ – user764728

查看更新的答案。 –

Try this: 
var x = 1; 
function CreateImage(){ 
var img = new Image(1,1); // width, height values are optional params 
img.src = '/v/vspfiles/photos/hk01344-1478-'+x; 
x = x+1; 
img_id.innerHTML += "<br/>"; 
img_id.innerHTML += img ; 
}

分配id爲錨標記，然後調用該事件這個功能你想創建圖像

來源

2011-07-01 15:21:25

我需要能夠更改每個圖像的SKU。我更詳細地更新了我的問題。 – user764728

試試這個：

$('a.slashc-img-zoom-pan img').each(function() { 
    var $this = $(this); 
    var image_sku = $this.attr('src').split('-1.jpg')[0]; 
    $this.after('<img src="' + image_sku + '-2.jpg">'); 
});

來源

2011-07-01 17:04:21

與名稱略有不同的複製圖像

回答

相關問題