이미지 src에서 num 값을 검색하는 방법은 무엇입니까?

Question

"/images/slide1.jpg"와 같은 이미지의 src 정보가 있습니다. slide1을 slide2로 바꾸고 싶습니다. 어느 것이 든 img src를 찾고 바꿀 올바른 방법을 제공합니까? 당신이 수를 얻고 싶다면

Answer 1

document.getElementById('image id goes here'). 
    src = '/images/slide' + number + '.jpg'; 

, 당신의 특별한 경우에, 이것은 작동합니다 :

number = document.getElementById('image id goes here'). 
    src.match(/\d+/)[0]; 

Answer 2

다음은 정규식을 사용하는 예입니다. 그것은 (당신이 증가 할 수있는 것으로 파일 이름에 마지막 번호를 따기뿐만 아니라) 기반, 파일 이름과 확장자에 SRC를 분할

var img = document.getElementById('myimage'), // image element 
    regex = /^(.+\/)([^\/]+)(\d+)(\..+)$/,  // parsing regex 
    matches = regex.exec(img.src);    // execute regex 

// Just to be tidy - getting the matches and parsing the number 
var props = { 
    'base' : matches[1], 
    'filename' : matches[2], 
    'filenumber' : parseInt(matches[3],10), 
    'extension' : matches[4] 
}; 

// Create the next image string 
var nextImage = props.base + props.filename + (props.filenumber+1) + props.extension; 

// Set the next image 
img.src = nextImage; 

alert('Set image to ' + nextImage); 

예 : http://jsfiddle.net/jonathon/JKtXd/