Question

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

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

这是我的代码：

＆＃13;

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

＆＃13;

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

＆＃13;

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

＆＃13;

Answer 1

http://www.frescojs.com/documentation/api

第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事件处理程序（这可能不是您想要的，您可以在必要时进一步限制它），将当前页面更改为images id属性的值加上.html扩展名。它本质上是@JanPöschko的jQuery答案的纯Javascript实现。

如何将图像链接到另一个页面？

1 个答案: