[問題] Jquery image slider寫不好..

看板Web_Design作者 (喵東喵西)時間12年前 (2013/09/11 00:29), 編輯推噓4(406)
留言10則, 4人參與, 最新討論串1/1
http://tingmeow.byethost4.com/jquery/jqueryimageslidertest.html 我自己試著想要寫jQuery Image Slider 可是寫得非常的恐佈..(原始碼按右鍵裡面都有~~) 實際其實想要寫成這樣子↓ http://coffeescripter.com/code/ad-gallery/#ad-image-11 我有看jQuery的網路教學(男丁格爾)學它寫了一下 我發現它是直接把大圖的attribute改成小圖的href圖片連結網址 而且是一次設定好所有的圖片是這樣模式 教學網址↓ http://abgne.tw/jquery/apply-jquery/jquery-super-easy-thumb-switch-image.html 我在想我想要做的是不是可以照他的模式來寫 不過我還想要當滑鼠點到哪裡的時候,大圖的旁邊出現文字 結果就把所有的小圖(下方縮圖)設了class,然後點了會出現效果 這部份竟然寫成功了@@可是這樣感覺非常陽春 然後網路看了些教學,感覺好多的寫法都不太一樣 有的好像還是自製函式庫,出現很多在jquery教學沒看過的property的樣子 想請教大家我這種寫法是不是有更好更有效的方法呢? 另外我也想要做下方縮圖可以左右slide的控制 我看了一本書(深入淺出jQuery)上面是把很多張的圖片結合在一起 然後去算使用者的點擊次數(設成變數去偵測,然後用 += 的運算去增加, 當點到第九次就會歸零,這樣slider就會變回第一張圖片) 然後用animate的方法設定每次點擊後會往左移100px 我在想我是一張一張小圖用<li>的方式,也可以用這樣嗎?@@ 不過這本書它教的是做紙娃娃那種,可以更換眼睛、臉、嘴… 我在google上搜尋jquery image slider好多都要錢 有的雖然沒有要錢可是它是一個exe檔,看不到原始碼, 比較難改成我需要的樣子,對我來說還蠻疑惑的>"< 新手上路,懇請大家多多指教,謝謝~~^○^ --    星喵祕密 http://tingmeow.byethost4.com/aboutme.html 徵求喜歡平面設計、網頁設計、畫圖的同好一起交流、互相學習~ ^○^ -- ※ 發信站: 批踢踢實業坊(ptt.cc) ◆ From: 36.224.202.19

09/11 01:10, , 1F
書上的例子是用div包img,設定marginLeft換圖,用li的
09/11 01:10, 1F

09/11 01:10, , 2F
話就改用div包ul,用ul的margin來換圖就行了,都一樣
09/11 01:10, 2F

09/11 01:11, , 3F
為何我都找到免費的
09/11 01:11, 3F

09/11 13:21, , 4F
http://plugins.jquery.com/ 你是來這找的嗎...
09/11 13:21, 4F

09/11 13:21, , 5F
github上面搜尋應該也可以找到不少...
09/11 13:21, 5F

09/12 00:25, , 6F
其實隨便找就很多,這是很基本的功能,陽春就easy slide
09/12 00:25, 6F

09/12 00:25, , 7F
,炫一點就nivo slider, http://dev7studios.com/nivo-sl
09/12 00:25, 7F

09/12 00:25, , 8F
ider/?ap_id=lvraa
09/12 00:25, 8F

09/12 00:30, , 9F
09/12 00:30, 9F

09/21 08:03, , 10F
nivo slider是要錢的吧 它的demo的三個也不是我要的@@
09/21 08:03, 10F
文章代碼(AID): #1IBqa7Zs (Web_Design)
文章代碼(AID): #1IBqa7Zs (Web_Design)