シンプルなbefore/afterコンテンツを作成できるスクリプト・「beerslider」

Ads

beerslider


beersliderは上記のようなbefore/afterコンテンツを作成できるスクリプトです。他スクリプトに依存せず、単体で動作しますが、jQueryやZeptoとの併用も可能です。25kbほどの軽サイズで扱いやすい印象でした。ラベル文字はカスタムデータ属性で、開始場所も以下の方法で設定可能です。

new BeerSlider( document.getElementById( "beer-slider" ), { start: 25 } );

手軽で良いんじゃないでしょうか。ライセンスはMIT。

beerslider