Question

我有一个缩略图img重新缩放到250px x 250px，当我点击它时，它会弹出另一个div显示相同的img 750px x 750px。我只是将目标src作为我的缩略图img以全屏显示，因为它实际上是一个非常大的图像，就像这样。

HTML

<div class="img_thumb_holder float-l"><img class="img_thumb" src="images/andrew.jpg"></div>

JS

$(function() {
    $(".img_thumb_holder").on('click', function() {
    var img = $(this).children(".img_thumb").attr("src"); //store the src path into img
    $(".full_image_pic").attr("src", img); // display on my 750px by 750px div
});

我现在要做的是，我显示一个裁剪的缩略图，点击我的完整图像div将显示完整的图像，而不是这次缩放。我假设我将有2张图片来做，所以基本上我将缩放图片裁剪为250px×250px，另一张图片是完整图像

假设我的缩略图路径是：images / andrew.jpg - 250px乘250px 我的完整图像路径是：images / andrew1.jpg - 750px×750px

如何添加额外的字母/数字＆＃34; 1＆＃34;到

var img = $(this).children(".img_thumb").attr("src"); // currently images/andrew.jpg, i want to make it store as andrew1.jpg

感谢

Answer 1

试试这个

var img = $(this).children(".img_thumb").attr("src");
var newImg=img.split(".");
img=newImg[0]+"1."+newImg[1];

我如何使用jquery在我的img src上添加路径？

1 个答案: