如何將圖像鏈接到其他頁面？

我目前正在學校項目網站上工作，我真的很難編碼。因此，在我的網站中，我製作了一個圖像滑塊，並且希望將圖像鏈接到另一個頁面，就像用戶點擊圖像一樣，它們將被重定向到另一個頁面，其中包含有關他們點擊的圖像的信息。當鼠標指向顯示標題的圖像時，我也想要懸停文本。如何將圖像鏈接到其他頁面？

我試圖搜索並觀看關於如何鏈接圖像的視頻，但沒有任何效果。

這裏是我的代碼：

<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

如何將圖像鏈接到其他頁面？

回答

相關問題