Question

我需要复制图像文件并在稍微更改文件名后添加它。

我遇到的问题是每个图像的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>

Answer 1

这是用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

Answer 2

试试这个：

$('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">');
});

Answer 3

使用您可用的任何编程语言的循环功能。例如，在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" />');
}

Answer 4

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，然后在要创建图像的事件上调用此函数

重复的图像名称略有不同

4 个答案: