[問題] jquery圖片切換功能問題

看板Web_Design作者 (junzuo)時間17年前 (2008/12/31 11:15), 編輯推噓7(7024)
留言31則, 7人參與, 最新討論串1/4 (看更多)
小弟我沒學過js 所以不曉得怎麼用 我爬過文看到有大大介紹一個網站 http://www.malsup.com/jquery/cycle/int2.html 上面有很多圖片瀏覽的特效 但是我不知道怎麼使用 可否請大大協助 我想使用的是PREV/NEXT的功能 我已經把他的js檔案copy到資料夾了 但是 $('#s2').cycle({ fx: 'fade', speed: 'fast', timeout: 0, next: '#next2', prev: '#prev2' }); 我不清楚要放在哪裡 而且我照他的程式放進去我的網頁 <div id="s2" class="pics"> <img src="images/beach1.jpg" width="200" height="200" /> <img src="images/beach2.jpg" width="200" height="200" /> <img src="images/beach3.jpg" width="200" height="200" /> </div> <div class="nav"><a id="prev2" href="#">Prev</a> <a id="next2" href="#">Next</a></div> 但是沒有效果出來 請問是哪邊有問題呢? 那個href="#"會帶到下一張圖片?還是我要自己定下一張的路徑? 可是原站的code裡面就隻是這樣設定而已 所以我很困擾 -- ※ 發信站: 批踢踢實業坊(ptt.cc) ◆ From: 115.134.111.28

12/31 11:20, , 1F
這...不太適合初學者用
12/31 11:20, 1F

12/31 11:24, , 2F
初學者連id,href做什麼都還沒搞清楚,不要用jQuery......
12/31 11:24, 2F

12/31 11:24, , 3F
我只能提醒你,用firefox加掛firebug來看錯誤訊息
12/31 11:24, 3F

12/31 11:25, , 4F
大概原因出在沒掛jQuery.js
12/31 11:25, 4F

12/31 11:26, , 5F
我知道ID HREF 也已經把.js放到網頁的同一層資料夾
12/31 11:26, 5F

12/31 11:27, , 6F
我的資料夾里有jquery-1.2.6.js,effect.js(那個特效js)
12/31 11:27, 6F

12/31 11:28, , 7F
這要會自己寫javascript來引用那個特效 不是copy就好了
12/31 11:28, 7F

12/31 11:33, , 8F
恩 問題就是我該怎麼把他給我的那小段程式引用進去呢?
12/31 11:33, 8F

12/31 11:37, , 9F
我想我知道要怎麼做了 他給我的只是option值 我還沒有呼叫
12/31 11:37, 9F

12/31 11:37, , 10F
裡面的function
12/31 11:37, 10F

12/31 13:26, , 11F
show me the source.....
12/31 13:26, 11F

12/31 13:43, , 12F

12/31 13:43, , 13F
n大 這個網頁的source幾乎就是我的source 我只要prev/next
12/31 13:43, 13F

12/31 13:44, , 14F
這個效果 他的id是s2 我看不出他怎麼用出來的
12/31 13:44, 14F

12/31 13:49, , 15F
天助自助者,加油.
12/31 13:49, 15F

12/31 14:32, , 16F
是否可以貼一下你寫得source?
12/31 14:32, 16F

12/31 16:53, , 17F
You should show YOUR source code and URL
12/31 16:53, 17F

12/31 16:54, , 18F
你貼別人的URL怎麼幫你看你的code或環境的bug?
12/31 16:54, 18F

12/31 20:58, , 19F
ok then, 我給你看網址
12/31 20:58, 19F

12/31 20:59, , 20F
chuanflorist.hostse.com/index.html 請看我的網站 謝謝
12/31 20:59, 20F

12/31 21:00, , 21F

12/31 22:38, , 22F
這網頁沒有看到你指出無法work的js捏
12/31 22:38, 22F

01/01 01:13, , 23F
這類問題我處理過,js或許是對的,問題很可能出在css. css這玩
01/01 01:13, 23F

01/01 01:14, , 24F
意真該死! 我花很多時間玩還是玩不出什麼心得.. /_\
01/01 01:14, 24F

01/01 01:14, , 25F
光是個 有沒有float, 或是postion是absolution或relative的
01/01 01:14, 25F

01/01 01:15, , 26F
差異, 都會使整個版面產生難以理解的變化. 要除錯很困難.
01/01 01:15, 26F

01/01 01:16, , 27F
上面有打錯字. 是position, 不是postion.
01/01 01:16, 27F

01/01 01:17, , 28F
還有是 absolute, 不是absolution (這也是錯誤的根源之一)
01/01 01:17, 28F

01/01 03:09, , 29F
給樓上,想要幫css除錯,你也可以裝Firebug喔,超好用 XD
01/01 03:09, 29F

01/01 08:30, , 30F
謝謝B大的指教 又學到了
01/01 08:30, 30F

01/02 15:10, , 31F
firebug我有裝, 只是用在css debug上還不熟../_\
01/02 15:10, 31F
文章代碼(AID): #19MkExK1 (Web_Design)
文章代碼(AID): #19MkExK1 (Web_Design)