モーダル

techAcademyフロントエンドコースのメンターの方に、jQueryに依存せずにlightbox風に画像拡大させるLuminousというスクリプトがあると教えてもらったので、ポートフォリオサイトに使ってみた。動きも軽く、良い感じだなので、これでいこうと思ったが、問題を発見。

Androidのスマートフォン(Android4.4.2)、iPhone 7(iOS 12.1.4)を縦方向に持った場合、DTP作例のサムネイルをクリックした際に、スクロールが必要なほど過大に拡大されてしまう。Luminousスクリプトのバグによるものなのかはわからない。

Lightbox2に変えてみて、PC、iPad、iPhone、Androidスマートフォンで確かめた結果、すべて大丈夫だった。今回はLightbox2で行くことにする。

Luminous、ColorBox、LightBoxそれぞれ使えるようにしたいが、今はとりあえず、ポートフォリオの公開を急ごう。