2016-01-27 53 views
0

我需要jQuery插件來實現此功能。我有兩張乾淨骯髒的地板圖片。在懸停地板上應該是「清潔」。 enter image description herejquery插件與分割圖像懸停效果

+0

請提供額外的信息,比如你迄今所做的代碼。 HTML CSS的JS什麼。 – pratikpawar

+1

爲了讓你開始使用谷歌的基本功能,你正在尋找的是覆蓋圖像與動畫水平移動重疊的圖像。或者你可以用類似的東西搜索插件。 – pratikpawar

+1

這可以幫助:http://www.jqueryscript.net/demo/jQuery-Before-After-Image-Comparison-Plugin-Image-Reveal/dist/demo/ – DavidC

回答

1

我已經看到了一個受歡迎的網站使用twoface.js(或者不同的代碼名稱相同):

混帳:https://gist.github.com/hongymagic/2403518

您可以搜索twoface.js用於演示它在jsfiddle上的行動。

它可能會很容易覆蓋兩個圖像,然後使用您自己的代碼來創建一個滑塊來控制頂部圖像的寬度。