기본 HTML/자바 스크립트 - 이미지 네비게이터 만들기 - 이미지를 동적으로로드하는 방법?

Question

사용자가 이미지 번호를 삽입하고 페이지에서로드해야하는 작은 이미지 탐색기를 작성 중이므로 나중에 볼 수 있고 나중에 처리 할 수 ​​있습니다.

이미지의 물리적 이름은 1,2,3,4,5.jpg입니다. 내가 해당 이미지로드를 만드는 데 사용할 수있는

모든 빠른 코드

나는 이것이 매우 간단 알고있다 -하지만 난 마감 시간에 꽤 꽉 오전

덕분에 많이에서 작동하는 코드를 부탁드립니다 advance

Answer 1

OK, jquery를 사용하십시오. 그것은 여기에 쉽게

인 예를

HTML입니다

<input type="text" id="imagenum" /> 
<a href="#" class="viewimage">View Image</a> 
<img class="previewimage" src=""> 

스크립트

$(document).ready(function() { 

     $(".viewimage").click(function() { 
      $(".previewimage").attr('src', "imagetopath\"+$("#imagenum").val()+".jpg"); 
     }); 

     //To catch the enter key 
     $('#imagenum').keypress(function(event) { 
      if (event.keyCode == '13') { 
       $(".previewimage").attr('src', "imagetopath\"+$(this).val()+".jpg"); 
      } 
     }); 

}); 

Answer 2

<img src="<?php print $ImgValue; ?>"> 

JQuery와에 대한 대안으로 작동하는 것 같다.

다른 해결책이 있습니까?