如何使用jquery在img src上添加路徑？

Question

我將縮略圖img重新縮放為250px x 250px，當我單擊它時，它將彈出另一個div，以750px x 750px顯示相同的img。 我只是將與縮略圖img相同的src定位為全屏顯示，因為它實際上是一個很大的圖像，就像這樣。

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張圖片，所以基本上我將其縮略圖img裁剪為250px x 250px，另一張圖片是完整圖片

假設我的縮略圖路徑是：images / andrew.jpg-250px x 250px我的完整圖像路徑是：images / andrew1.jpg-750px x 750px

如何將多余的字母/數字“ 1”添加到

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];