既存ブログに「後から」jQuery lightbox pluginを組み込む。

CSS JavaScript jQuery web制作 アプリケーション別 プログラミング

広報:齊藤 メイ 広報:齊藤 メイ

Posted on 2012年06月04日(月)22:47
Updated on 2015年07月14日(火)13:26


既存ブログに「後から」jQuery lightbox pluginを組み込む。

lightboxは、新規ブログの機能として組み込む機会よりも、既存ブログに後から組み込む機会の方が多いと思います。本日は「既存ブログに「後から」jQuery lightbox pluginを組み込む。」についてです。

こんにちは。猫ITソリューションズ広報の齊藤メイ(♀)です。
本日は、「既存ブログに「後から」jQuery lightbox pluginを組み込む。」についてです。

このjQuery lightbox pluginを既存ブログに導入するために、既存ブログの全ての記事に修正を加える必要はありません。以下のように記述すればOKです。

 

手法は他にもありますが、今回は、
既存ブログ記事のリンクにおいて拡張子をjpg/gif/pngに指定しているa要素に、jQueryのaddClassによりlightboxクラスを追加し、lightboxを実行させています。

これで楽にlightboxによる少しリッチなUIをユーザーに提供できますね。


いかがでしたでしょうか?
猫ITソリューションズは、飼い主の皆さんにITを活用しあらゆるシーンで的確なアドバイスをいたします。それではまたお会いしましょう。

既存ブログに「後から」jQuery lightbox pluginを組み込む。

see you!

 

本件に関するお問い合わせ先

猫ITソリューションズ

049-290-8502
お問い合わせフォーム



Member Profile

広報:齊藤 メイ

埼玉在住の三毛猫です。趣味は日向ぼっこ、好きな猫缶はカツオ系です。仲良くしてくださいね!

Facebook
Twitter

代表:齊藤 智宏

埼玉在住のWebデベロッパーです。80's洋楽、映画、レトロゲームが大好きです。よろしく!

Facebook
Twitter

Contact

ご意見、ご相談などお気軽にお問い合わせ下さい。お問い合わせ内容の確認後、担当者よりご連絡させていただきます。

049-290-8502
お問い合わせフォーム