beersliderは上記のようなbefore/afterコンテンツを作成できるスクリプトです。他スクリプトに依存せず、単体で動作しますが、jQueryやZeptoとの併用も可能です。25kbほどの軽サイズで扱いやすい印象でした。ラベル文字はカスタムデータ属性で、開始場所も以下の方法で設定可能です。 new BeerSlider( document.getElementById( "beer-slider" ), { start: 25 } );手軽で良いんじゃないでしょうか。ライセンスはMIT。 beerslider
![シンプルなbefore/afterコンテンツを作成できるスクリプト・「beerslider」 | かちびと.net](https://cdn-ak-scissors.b.st-hatena.com/image/square/b6b1c87ada2ad66409793e3653c810e333009609/height=288;version=1;width=512/http%3A%2F%2Fkachibito.net%2Fwp-content%2Fuploads%2F2019%2F12%2Fsite-icon.png)