Welcome! 登入 註冊
專區首頁 專區百科 專區論壇 專區部落格 專區地圖

Advanced

請問應該如何點按鈕,換圖片呢?

Hi Hi 大家安安 smileys with beer
我又來請教專業的大家了...


http://sunarts.net23.net/rendering.html

想請教我應該怎麼用jQuery做到點擊左邊選單,右邊的圖片跟文字會變換的效果呢?

自己研究發現找不太到方法sad smiley
例如我設定點左邊按鈕之後會有的動作:
$("buttom").click(function(){
$("a.jpg").fadeOut();
$("b.jpg").fadeIn();

這樣子寫的話…只有第一行會成功
b圖片它不會出來…
可能是b圖也不知道要從哪裡出來?

然後如果用replaceWith的話,我的b圖片會直接被cut到a圖上
這樣等於我的網頁就少了一張圖片…

 請問應該改成怎麼寫比較好呢?
或是沒有這種方法呢?

 懇請多多指點,謝謝!!smiling smiley

Re: 請問應該如何點按鈕,換圖片呢?

jQuery 比較複雜。你可能要多描述一些你的問題。

不過 $("a.jpg") 有這樣的語法嗎?$(...) 裡面放的應該是 id、tag 或 class。應該是不能放圖片檔名。

要的話應該是將圖片加一個 id 或 class。例如 <img id="img_a" src="..." />。然後用 $("#img_a") 使用。



Edited 2 time(s). Last edit at 09/26/2013 01:49PM by mepoadm.
(編輯記錄)

啊對,我的語法有點寫錯了,不好意思><

後來找出解決方法了!,

就是【視按鈕切換a圖片(img tag)的src等於要置換的圖片來源】

smiling bouncing smiley 謝謝~~ 話說我覺得JS和jQ都好考驗腦力啊~~XD

感謝美寶論壇的熱心板友^^

話說這個論壇我還蠻喜歡!! 有好多實用的資訊,帳號註冊蠻久了~~ 哈哈