基本的HTML / Javascript-創建圖像導航器-如何動態加載圖像？

Question

我在構建一個小型圖像導航器，用戶在其中插入圖像編號，並且必須將其加載到頁面中，以便他可以查看該圖像並在以后對其進行一些處理。

例如，圖像的物理名稱為1,2,3,4,5.jpg。

我可以用來加載相應圖像的任何快速代碼

我知道這很簡單-但我在截止日期前很緊張，希望能使用一些有效的代碼

提前非常感謝

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。

還有其他解決方案嗎？