查看完整版本: 關於css及jquery 圖片輪播
頁: [1]

surg9963 發表於 2016-3-30 02:30 PM

關於css及jquery 圖片輪播

小妹學網頁設計不久最近有朋友請小妹我做一個網頁
是使用圖片輪播
內容大致上還OK
但是遇到一個難題
懇請各路高手指點
目前輪播部分已經完成


但是遇到幾個困難

就是在網頁下方多3個功能
1.  控制圖片大小(在網路上找到的資料都是隨視窗控制大小@@)
2.  切換上一張和下一張,並且顯示目前到第幾張
3.  圖片放大到完整視窗(網路上都是交放到圖片最大這樣)

找了很多資料
但是都沒有預期想要的
請高手指點一下
有沒有範本網址可以學習的
或是附上網址
我可以試著改改看
謝謝
...<div class='locked'><em>瀏覽完整內容,請先 <a href='member.php?mod=register'>註冊</a> 或 <a href='javascript:;' onclick="lsSubmit()">登入會員</a></em></div><div></div>

theloserbm 發表於 2016-4-11 11:21 AM

你不是小妹 XD
請問輪播使用的是甚麼技術? 一般上來說, 輪播如果用plugin, 那他應該有提供上一張和下一張的方法.
圖片大小一般上跟img和他上一層的容器有關, 你需要自己inspect element看看需要調整甚麼, 因為輪播的plugin可能會生成很多層的容器.
完整視窗是指F11的功能?

surg9963 發表於 2016-4-14 01:18 AM

theloserbm 發表於 2016-4-11 11:21 AM static/image/common/back.gif
你不是小妹 XD
請問輪播使用的是甚麼技術? 一般上來說, 輪播如果用plugin, 那他應該有提供上一張和下一張的 ...

是利用WOW Slider套裝軟體
對阿~可是對方想要的是像youtube的放大全視窗功能

askasb 發表於 2016-4-14 12:04 PM

這就要找前端的設計了~之前我也有幫客戶客製做 很麻煩

theloserbm 發表於 2016-4-15 06:40 PM

看了看WOW Slider的API, 裡面並沒有提供上一張的方法. 你可以做的是把他內建的按鈕用CSS搬出來, 或是直接用另一個插件. 你可以試試看bootstrap carousel會不會容易用.

F11功能的話可以參考這邊 http://stackoverflow.com/questions/1125084/how-to-make-in-javascript-full-screen-windows-stretching-all-over-the-screen<br><br><br><br><br><div></div>

surg9963 發表於 2016-5-9 06:22 PM

askasb 發表於 2016-4-14 12:04 PM static/image/common/back.gif
這就要找前端的設計了~之前我也有幫客戶客製做 很麻煩

現在真的遇到覺得很麻煩

surg9963 發表於 2016-5-9 06:24 PM

theloserbm 發表於 2016-4-15 06:40 PM static/image/common/back.gif
看了看WOW Slider的API, 裡面並沒有提供上一張的方法. 你可以做的是把他內建的按鈕用CSS搬出來, 或是直接用 ...

謝謝你~
後來我也有找到WOW Slider這個軟體
對方同意內建F11
我真的覺得喘了一口氣
其他功能沒做出來他們能接受...<div class='locked'><em>瀏覽完整內容,請先 <a href='member.php?mod=register'>註冊</a> 或 <a href='javascript:;' onclick="lsSubmit()">登入會員</a></em></div>
頁: [1]