新聞中心
無憂主機教您如何給一張圖片添加點擊跳轉鏈接代碼
現在的PHP開源程序讓很多人省的去敲代碼,去鉆研新功能。配合無憂主機php獨立ip空間方便的管理面板和功能,建站變得非常簡單。這不是,今天無憂小編就遇到了一個客戶,想給自己的網站主頁換一張圖片,圖片是換了,可是,點擊圖片的時候,沒有任何反應,這可怎么辦?我想讓訪問者點擊這個圖片的時候,跳轉到我指定的那個頁面去! 小編下面給大家介紹的方法,非常實用,運用的地方也非常廣泛,也很簡單!每張圖片,都有一個<img src=”圖片路徑” width=”寬度” height=”高度” />屬性,部分的網站程序會考慮到SEO問題,會給圖片加上alt屬性,這個屬性就是用于圖片描述的,同時當圖像在無法顯示時也可以作為替代的文本。 主要問題來了,點擊圖片的時候需要跳轉的實現,這里需要用到一個onclick事件,onclick 事件會在對象被點擊時發(fā)生,這個時間可以放在<a>的鏈接內部執(zhí)行,<a></a>這是超鏈接的html標簽,也就是我們需要改的內容,以下就是詳細代碼,給一張圖片添加點擊跳轉指定鏈接的代碼啦! <a onclick="showWindow('nav', this.href, 'get', 0)" href="forum.php?mod=misc&action=nav" ><img src="template/comiis_dzmf/image/xxx.png" width="220" height="40" /></a> 上面代碼中,主要修改的內容有兩處,第一個是鏈接的內容href,需要跳轉外部鏈接的話,請加上詳細的域名,如果是網站內部的話,可以省略域名直接寫路徑! 第二處是圖片的路徑,一般都是在網站模板主題里面!如果是只給圖片加上指定鏈接,這里圖片路徑可以不做修改! 需要注意的是,<a>超鏈接標簽一定要包含圖片的<img>標簽,否則無法實現這個內容。 簡要語法如下: <a onclick=”” href=””><img src=”” width=”” height=”” /></a> 功能雖好,但是操作修改起來也不簡單,你們操作時要注意細節(jié)哦! 無憂主機相關文章推薦閱讀: WORDPRESS鏈接功能的妙用 SEO基礎教程:什么是死鏈接 選擇友情鏈接鏈接要知道哪些細節(jié)問題
本文地址:http://www.gle-technology.com/seo/17197.html