html - 如何使网页根据输入的url获取不同的图像

Question

我知道我可以为 100 个这样的图像制作 100 个类似的 html 页面：

www.example.com/1.html
www.example.com/2.html
www.example.com/3.html

但是我如何以及使用什么来使它像这样：

www.example.com/main.html?page=1
www.example.com/main.html?page=2
www.example.com/main.html?page=3

这意味着 1 个 html 页面可以获得不同的页面/图像吗？

我只需要有人告诉我怎么做，或者给我一个例子。

编辑1：

以<?echo $img;?>这种方式使用给我 path/to/image/%3C?php%20echo%20$img;?%3E.jpg

iirc，图像的名称不是<?echo $img;?>.jpg

score 0 · Accepted Answer

这部分通常应该通过传递 url 查询参数在服务器端代码上完成。但是，如果您希望在客户端拥有它，您可以尝试使用 AngularJS 来完成它。我相信 AngularJs 的分页部分可以做类似的逻辑。

score 0 · Accepted Answer

如果你可以在 php 中做到这一点，你需要做的就是 main.php?page=1

然后在php中你做

<?php 
 $img=$_GET['page'];
?>
<img src="path/to/image/<?php echo $img;?>.img_extension" />

或者您可以使用 htaccess 重写您的 url，在这两种情况下，您都需要服务器端脚本，正如 @SLaks 评论的那样。

2 回答 2