2015/05/13(水)Lightbox2 にスワイプ対応パッチを充てた
充てたというかパッチしました。作りました。jQueryのみです。
- https://github.com/nabe-abk/adiary/blob/master/js/lightbox.js
- https://github.com/nabe-abk/adiary/blob/master/js/lightbox.min.js
画像をめくるときにタッチパネルのスワイプ操作でも反応するようになっています。特にアニメーションはしません。
jQueryのバグなのか「touchstart」「touchmove」イベントを全く拾わないので、「window.addEventListener」に逃げました。もしもっとスマートな解決方法を見つけたら教えてください。
これを使用しているadiaryもよろしくお願いします。
その他の変更点
#lightbox-min-width { display: none; width: 300px; }
と設定すると、横幅が小さすぎる画像を表示するとき、指定したピクセルまでアスペクト比を保持して拡大して表示します。
極端に縦長の画像の場合はアスペクト比を保持できて、画面に収まる範囲内で拡大されます。