jQueryを利用した画像の拡大~Easy FancyBox

7月 31, 2014
BESTグループ

よくwordpressのサイトで、画像をクリックすると、ポップアップとは違うように、グイーンと、画像が拡大されることがあるのですが、あれはどうやってやるのですか?



box.jpg

Easy FancyBoxは記事のサムネイルの画像を押した際に、拡大画像をふわっと表示してくれるプラグインです。

本来通常のウェブ・サイトで同じ動作を行う場合jQueryの設定をしFTPなどでアップロードなどしなければいけないのですが、Wordpressではプラグインをインストールするだけで完了します。

またこのプラグインは画像だけでなく、YOUTUBEやPDF、その他Flashなど、多くのファイル形式にも対応しております。

インストール方法は下記の通りになります。
WordPress管理画面→プラグイン新規追加「Easy FancyBox」で検索
そうすると、下記の様な画面が表示されます。

wordpress-plugin-easyfancybox-how-to-install1.png

あとは今直ぐインストールを押して完了です。基本的な設定はしなくても以上の内容で
画像のポップアップ設定は完了しますので、是非お試し下さい。

No comments

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

次のHTML タグと属性が使えます: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>