台灣最大程式設計社群網站
線上人數
1365
 
會員總數:241760
討論主題:187062
歡迎您免費加入會員
討論區列表 >> CSS/HTML5/Bootstarp >> html如何让两张图磞b一起,然後用滑动来切换显示
[ 變換順序 ]  
[我要回覆]
1
回應主題 加入我的關注話題 檢舉此篇討論 將提問者加入個人黑名單
html如何让两张图磞b一起,然後用滑动来切换显示
價值 : 200 QP  點閱數:175 回應數:2

樓主

陳炳彰
門外漢
0 1
11 0
發送站內信



下面网站是tinyjpg,我想知道如何用html做出像她一帚,用滑动条方式可以切换不同图片的显示,请各位高手大神指教~~
https://tinyjpg.com/

搜尋相關Tags的文章: [ 滑動圖片 ] , [ html ] , [ tinyjpg ] ,
本篇文章發表於2017-12-31 14:34
別忘捐VP感謝幫助你的人 新手會員瞧一瞧
1樓
回應

浩瀚星空
捐贈 VP 給 浩瀚星空 檢舉此回應
這其實可以用多種技術來做到。

我是沒查他用的技術是什麼。

我就說說比較單純的處理方式。

1.利用定位的方式先將兩張圖給疊起來。並採用背景圖的方式處理。
2.控制其中一張的圖片寬度。
本篇文章回覆於2018-01-02 10:22
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
2樓
回應

小羊窒息
捐贈 VP 給 小羊窒息 檢舉此回應
google一下
【javascript scroll two picture compare】


找到了一個【圖片比對元件】的介紹, (裡面介紹了5種, 都跟樓主所需要的相符)
https://www.hongkiat.com/blog/js-image-comparison-sliders/

========================
(我真的很討厭英文,但不懂英文的話要找資料又找不到)
(國外的月亮比較圓真的不是沒原因的)
本篇文章回覆於2018-01-02 10:42
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
[ 變換順序 ]   
1

回覆
如要回應,請先登入.