Question

我想做的是在图像的路径中插入“t”，如下所示：

<img src="../images/elements/slideshow/1t.jpg"  width="378" height="210" />

仔细看看我的剧本：

var thumb_prefix = "t";
    return '<li><a href="#"><img src="' + slide.src + thumb_prefix + '" width="121" height="67" /></a></li>';

这只是在路径末尾添加“t”。

任何帮助都会谢谢你！

Answer 1

嘿，这里的回答是jQuery Cycle Plugin - Dictate locaton of thumbnails

基本上如下 - slide.src是您的旧源，new_src是图像的结果新源。

// Split off the filename with no extension (period + 3 letter extension)
var new_src = slide.src.substring(0,slide.src.length-4);

// Add the "t"
new_src += "t";

// Add the period and the 3 letter extension back on
new_src += slide.src.substring(slide.src.length-4,slide.src.length);

return '<li><a href="#"><img src="' + new_src + '" width="121" height="67" /></a></li>';

此外，不要忘记将上面的宽度/高度值更改为新值。

Answer 2

不太确定您的脚本中发生了什么，但如果所有图片的文件名都以.jpg结尾，那么您可以使用JavaScript replace函数，如下所示：

$('img').attr('src', function(){this.src.replace('.jpg', 't.jpg')})

Answer 3

$("img").each(
    function(){
        p = $(this).attr('src');
        newp = p.replace('.jpg','t.jpg');
        $(this).attr('src',newp);
    }
);

该代码将转为：

<img src="../images/elements/slideshow/1.jpg"  width="378" height="210" />

进入这个：

<img src="../images/elements/slideshow/1t.jpg"  width="378" height="210" />

修改显然，该选择器将对文档中的每个图像进行更改，因此您可能希望将其更改为仅更改要更改的图像。

Answer 4

$("img").each(function() {
  var img = $(this);
  img.attr('src', img.attr('src').replace(/(\.[^\.]*$|$)/, thumb_prefix + '$&'));
}

这会将thumb_prefix的值添加到每个src的{{1}}属性的文件名部分。

它应该适用于任何文件扩展名（甚至没有扩展名的文件）。

使用JQuery将“t”插入到图像路径中

4 个答案: