2014-04-17 19 views
0

對於我網站的一個網頁,有一個我想用來改變頁面上圖片的邊欄。我認爲我應該可以通過給邊欄的第一個鏈接標記和第二個鏈接等來做到這一點。這應該將#1或#2添加到URL的末尾,而不會更改它所在的頁面(我認爲)。使用這個,將有可能改變圖像,這取決於URL的結尾(也許通過設置第一個圖像的ID爲「#1」和第二個「#2」等等,然後以某種方式隱藏除了一個選中?如何使用鏈接的側欄來更改網頁中的圖片?

對不起,如果我不清楚,我的意思是說,網頁將作爲一個模板,但網址不會改變,而是哈希錨會改變,這將導致圖像和文字修改,但沒有別的

這裏是鏈接表:

<table> 
    <thead>Header</thead> 
    <tr> 
     <td> 
      <a href="#1">Link 1</a> 
     </td> 
     <td> 
      <a href="#2">Link 2</a> 
     </td> 
    </tr> 
</table> 

和主CSS:

td a { 
    display:block; 
    height:100%; 
    width:100%; 
} 

使用這個我想要一個圖像數組,以便每次只顯示一個圖像,具體取決於url之後的哈希數(或其他可能更好的方式)。

+0

查看其使用該網站後,我可以看到他們也爲使用#的HREFs鏈接。然後他們將圖像疊加到一個div中。我唯一不能解決的問題是,顯示屏會變爲阻止一個圖像,而其他圖像則不會顯示,具體取決於點擊哪個鏈接。如何將顯示設置爲使用#更改? – Hamish

+0

他們也改變了想要的圖像的Z指數增加1,而前一個圖像減少1,但我不知道如何。 – Hamish

回答

0

一個更好的辦法是給每個錨標記的onclick屬性觸發JavaScript函數將繪製所需的圖像

+0

我會如何爲它編寫javascript部分? – Hamish

+0

http://stackoverflow.com/questions/1232793/javascript-set-img-src –

+0

感謝您的快速回復,但我仍然無法弄清楚。您發送的鏈接是否意味着一次只顯示一個圖片,具體取決於點擊了哪個鏈接?如果這是正確的,因爲我只知道javascript的基礎知識,我將如何將它全部實現到我的鏈接中以觸發該功能? – Hamish