基本的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。

还有其他解决方案吗？