如何在图库中创建锚点?

时间:2014-11-20 15:49:52

标签: javascript html css image anchor

嗨,大家好,

我的页面上有一个图片库的HTML / js代码,“gallery.html”。 场景是我有一个带有不同链接的外部HTML页面。当我点击其中一个链接时,我想重定向到此图库,但是要转到特定图像。

例如,我有一个名为“home.html”的页面,其中包含一个名为“img2”的链接。当我点击“img2”时,我想打开这个图片库(位于名为“gallery.html”的页面上),但我想要打开图库的标签2以便第二张图像。

我的HTML代码如下:

<div class="gallery" align="center">
<div class="thumbnails">
<img name="ift" onclick="preview.src=img6.src" id="img6" src="IFT.png" alt="Image Not Loaded"/>
<img onclick="preview.src=img1.src" id="img1" src="Clear.png" alt="Image Not Loaded"/>
<img onclick="preview.src=img2.src" id="img2" src="Agile.png" alt="Image Not Loaded"/>
<img onclick="preview.src=img3.src" id="img3" src="AllForOne.png" alt="Image Not Loaded"/>
<img onclick="preview.src=img4.src" id="img4" src="Decide.png" alt="Image Not Loaded"/>
<img onclick="preview.src=img5.src" id="img5" src="Possibilities.png" alt="Image Not Loaded"/>
</div><br/>

<div class="preview" align="center">
<img id="preview" src="IFT.png" alt="No Image Loaded"/>
</div>

提前感谢您的帮助,非常感谢。

1 个答案:

答案 0 :(得分:1)

您需要附加要显示给网址的图片的名称或ID(例如gallery.html?img=img1)。

然后,您可以在图片库代码中使用JavaScript来阅读此参数,并切换到具有此名称/ ID的图片。