VIVABlogコンテンツへスキップVIVABlogWordPressやMovableTypeのカスタマイズやWebサイトの制作・運営に役立つ情報など。Lightbox」は、レスポンシブデザイン対応でタッチフレンドリーな操作が可能です。様々な表示方法があり、スワイプで画像を切り替えることができるのでスマホ対応サイトなどにも幅広く使用できます。(表示デモ)実装はかなり簡単で、1つのjsファイルとjQueryをヘッダーで読み込んで、CSSを追加するだけなので、FC2などの無料ブログサービスにも最適です。ここでは一例としてFC2ブログへの実装を紹介しています。マウスで%がポップアップするアクション付き。画像を貼り付けるのではなく、動きのあるグラフが欲しい場合に最適。導入も簡単(スクリプトをアップロードしてヘッダーで読み込み、HTMLタグを入力するだけ)なのでおすすめ。ColorBox」を使って、YouTube動画をポップアップ表示させる2013年2月21日テキストリンクや画像からのリンクを開くとYouTube動画をポップアップ再生・・・こういう風にするには、Lightbox系のプラグインで行えます。Lightbox」がお手軽です。Lightboxは動画の大きさを設定できないようなので、その点ではイマイチなプラグインです。ColorBox」です。若干の設定が必要になりますが、デザインや大きさが細かく設定できるのでこだわりたい人には最適でしょう。