這是一款非常棒的圖片對比工具,能夠方便的應用到你的網站中。其基本思路是把兩張圖片層疊在一起,當你拖動滑竿的時候,利用 CSS clip 裁剪圖片,進行形成視覺對比效果。
您可能感興趣的相關文章
使用方法非常簡單,HTML 示例代碼:
<div id='container1'> <img src='sample-before.png' /> <img src='sample-after.png' /> </div>
JavaScript 示例代碼:
$(window).load(function() { $('#container1').twentytwenty(); });
您可能感興趣的相關文章