如何将图像链接到其他页面？

我目前正在学校项目网站上工作，我真的很难编码。因此，在我的网站中，我制作了一个图像滑块，并且希望将图像链接到另一个页面，就像用户点击图像一样，它们将被重定向到另一个页面，其中包含有关他们点击的图像的信息。当鼠标指向显示标题的图像时，我也想要悬停文本。如何将图像链接到其他页面？

我试图搜索并观看关于如何链接图像的视频，但没有任何效果。

这里是我的代码：

<script type="text/javascript"> 
 
    \t <!--> 
 
    \t var image1=new Image() 
 
\t image1.src="e.jpg" 
 
    \t var image2=new Image() 
 
\t image2.src="g.jpg" 
 
\t var image3=new Image() 
 
\t image3.src="h.jpg" 
 
\t //--> 
 
</script>

<style type="text/css"> 
 
    #gallery { 
 
    \t width: 100%; 
 
    \t height: 100%; 
 
    \t } 
 

 
    \t #gallery img { 
 
\t width: 55%; 
 
    \t } 
 
</style>

<DOCTYPE!html> 
 
<html> 
 
<body> 
 
    <center> 
 
    <div id="gallery"> 
 
\t <img src="e.jpg" name="slide" alt="Track race"> 
 
\t <script type="text/javascript"> 
 
\t <!-- 
 
\t var step=1 
 
\t function slideit(){ 
 
\t document.images.slide.src=eval("image"+step+".src") 
 
\t if(step<3) 
 
     step++ 
 
     else 
 
\t step=1 
 
\t setTimeout("slideit()",2500) 
 
\t } 
 
\t slideit() 
 
\t //--> 
 
\t </script> 
 
    </div> 
 
    </center> 
 
</body> 
 
</html>

来源

2015-10-19 WebNewbie

你有什么问题？这不是让别人做你的功课的网站。 – AutomatedOrder

你真的应该找到一个更直接的方式来问你的问题，否则人们会不高兴，并认为你只是试图从他们freeload。如果你只是一个复制/粘贴“”“编码器”“”比这不是你的网站，我很抱歉。 –

对不起！我忘了补充我的问题。我尝试使用myLink = document.getElementById（'function-click'）; myLink.onclick = ShowOld（2367,146986,2）;但我没有工作。 p.s-你知道任何网站对像我这样的初学者有帮助吗？谢谢！ – WebNewbie

onclick on a image to navigate to another page using Javascript

3日最佳答案：

你可以设置你的HTML像这样：

<img src="../images/bottle.jpg" alt="bottle" class="thumbnails" id="bottle" />

然后使用下面的代码：

<script> 
var images = document.getElementsByTagName("img"); 
for(var i = 0; i < images.length; i++) { 
var image = images[i]; 
image.onclick = function(event) { 
    window.location.href = this.id + '.html'; 
}; 
}

指派一个onclick事件处理程序的页面上的每个图像（这可能不是你想要的，你可以限制其进一步如有必要）改变当前页面的图像ID属性的值加上.html扩展名。它基本上是@JanPöschko的jQuery答案的纯Javascript实现。

来源

2015-10-19 15:33:37

如何将图像链接到其他页面？

回答

相关问题