プラグイン

画像をクリックして浮かび上がらせるプラグイン

Web業界の技術革新は眼を見張るものがあり、つい最近まで新しい手法だったものが、1ヶ月2ヶ月先にはさらに新しいものが出てくるということはよくあります。

ここで紹介する、画像を浮かび上がらせる技術もその一つ。これももはや古い技術となっていますが、自分としては新しいものの一つに入るのでシェアします。
ちなみにクリックした画像を浮かび上がらせるのは、jQueryのlightboxという技術だそうです。

Easy FancyBoxの使い方

プラグイン名は「Easy FancyBox」です。イラストは以下のもの。

WordPress管理画面にて、プラグイン>新規追加にてEasy FancyBoxをインストールし、有効化します。
次に画像のリンク先を「メディアファイル」にして、準備完了です。

設定がうまくいくとこんなふうに画像が浮かび上がります。

arrow

通常は画像の浮かび上がりだけですが、キャプションなどを加えれば、上の画像のように画像の説明の文字を追加することができます。

以上。

 

 

ABOUT ME
大城ゆう
エンジニア歴4年。 大学卒業後、フィールドエンジニア職に就くがその後のキャリアに不安を感じ、ゼロスキルからWEBデザイナーに転職。 その後WEB制作会社、東証一部上場企業のECサイト担当を経て、現在は自社開発企業のWEBエンジニアとして仕事をしている。
【未経験者歓迎】ゼロスキルからエンジニア転職しませんか?