Question

再次

你好 ......

我需要在一个页面（我的主页）上创建一个链接，该链接直接链接到已包含多个图像的另一个页面上的图像。以为我知道怎么做...通过创建锚; ＆安培;我的代码看起来像这样：

<a href="theOtherPage.html#PHOTO.png">IMAGE SUBJECT</a>

但它不起作用。甚至在页面ID后尝试了正斜杠：

<a href="theOtherPage.html/#PHOTO.png">IMAGE SUBJECT</a>

当用户点击链接时，我希望它直接转到第二页上的特定图片...这是页面：

http://www.moonjams.net/events.html

现在有2张图片，但会有更多。主页链接需要直接转到您看到的那个页面上的不同图像...（我认为这是一个简单的锚点）......任何人都知道我做错了什么？

感谢名单，

DOX

Answer 1

您需要在列表文件ID中提供图像，然后您可以通过执行如下所示的超链接在主索引中链接它们。这是一个例子：

包含图片的文件（imgfile.html）：

<p>THIS IS THE FILE WHERE THE IMAGES ARE</p>
<p>This is a cat <img alt="Cat" id="cat" src="cat.jpg" /></p>
<p>This is a dog <img alt="Dog" id="dog" src="dog.jpg" /></p>
<p>This is a cow <img alt="Cow" id="cow" src="cow.jpg" /></p>

包含链接的文件（index.html）：

<p>THIS IS THE MAIN FILE</p>
<p><a href="imgfile.html#cat"> Cat </a></p>
<p><a href="imgfile.html#dog"> Dog </a></p>
<p><a href="imgfile.html#cow"> Cow </a></p>

我对此进行了测试，并完全按照您的需要进行测试。

您可以在我自己的网站上查看现场演示：https://rawstring.com/tests

检查您的网站后，看起来很简单。改变这一点（第43/44行）：

<img src="11thANN002.png" width="600" height="750">
<img src="RBTR.jpg" width="526" height="276">

到此（第43/44行）：

<img id="img01" src="11thANN002.png" width="600" height="750">
<img id="img02" src="RBTR.jpg" width="526" height="276">

然后以这种方式链接他们：

<p><a href="events7.html#img01"> Image 01 </a></p>
<p><a href="events7.html#img02"> Image 02 </a></p>

只需为添加到页面的每个图像执行此操作。应该这样做。

需要链接到已包含多个图像的另一个页面上的图像

1 个答案: