2012-11-06 64 views
1

我對所有這些都是陌生的,並堅持以下內容;添加鏈接爲圖像<a href />已經設置?

我在主頁上設置了一個橫幅滑塊,如下所示;

<li><a class="thumb" href="img/index1.jpg" ><img src="img/sliderImg1.jpg" /></a></li> 
<li><a class="thumb" href="img/index2.jpg" ><img src="img/sliderImg2.jpg" /> </a></li> 
<li><a class="thumb" href="img/index3.jpg" ><img src="img/sliderImg3.jpg" /></a></li> 

我希望訪問者能夠點擊href =「img ....」並被定向到特定頁面。

我無法弄清楚這是如何可能的,任何援助將不勝感激。

+1

會發生什麼時,圖像 – Sibu

回答

0

更改<a class="thumb" href="img/index1.jpg">因此href屬性包含您希望訪問者轉到的頁面的URL。

其他所有的東西都是平等的,這就是你需要做的。

既然你提到你正在使用滑塊,你的滑塊腳本可能會干擾。雖然我們沒有編碼,所以不能肯定地說。

0

應該

<a href="YourURL"><img src="image_source"/></a> 

瞭解更多信息&檢查w3schools.com 「嘗試一下」 的HTML頁面。

+1

請,任何事情,但W3Schools的.... – Rodik

+0

任何用戶點擊反對?我發現它非常有用...如果您有任何其他首選的教程網站,請讓我(和其他人)知道。 :) – anishsane

+0

本網站最好解釋它:http://w3fools.com/ – Rodik

0

您只需指定您希望用戶定位到 nchor元素的HREF標記中。就像這樣:

<li><a class="thumb" href="http://www.google.com" ><img src="img/sliderImg1.jpg" /></a></li> 
<li><a class="thumb" href="http://www.facebook.com"><img src="img/sliderImg2.jpg" /> </a></li> 
<li><a class="thumb" href="http://www.yahoo.com" ><img src="img/sliderImg3.jpg" /></a></li> 
0

把你的網頁網址HREF,像下面這些例子...

<li><a class="thumb" href="www.yoururl.com/1" ><img src="img/sliderImg1.jpg" /></a></li> 
<li><a class="thumb" href="url/url2.html" ><img src="img/sliderImg2.jpg" /> </a></li> 
<li><a class="thumb" href="folder/image.jpg" ><img src="img/sliderImg3.jpg" /></a></li>