Auto-Highslide – 画像をクールにポップアップ

Auto-Highslide自分のサイトでサムネイル画像をカッコよくポップアップしたい!そう憧れる人は多いことでしょう。何を隠そう私もそう思っているひとりです。

でも Lightbox はちょっと重そうだし、Highslide JS も設定が大変そう…。初心者にはちょっと敷居が高そうなイメージですが、Auto-Highslide というプラグインを使えば、プラグインを有効にするだけで簡単にサムネイル画像がカッコよくポップアップするようになります。

Auto-Highslide の特徴

Auto-Highslide でポップアップされる画像にマウスを合わせると、
マウスが虫めがねの表示になります。

マウスが虫めがねの表示になります。

ちょっと大きめな画像は、ブラウザのウィンドウサイズに合わせて拡大します。
右下の “Expand to aucual size” をクリックすると、100% 表示になります。

ちょっと大きめな画像は、ブラウザのウィンドウサイズに合わせて拡大します。

拡大画像はドラッグして移動できるので、本文の邪魔になりません。

拡大画像はドラッグして移動できます。

    【まとめ】

  • 設定は不要!インストールして有効化するだけ!
  • クリックするとポップアップで拡大表示し、もう一回クリックすると元に戻る
  • 拡大画像はドラッグして移動できるので、本文の邪魔にならない
  • 大きい画像もブラウザのウィンドウサイズに合わせて拡大する
    (右下に表示される矢印アイコンをクリックすると 100% 拡大表示)
  • 動作が軽いと評判?

Auto-Highslide のインストール・有効化

1. 管理画面にログインします。


2. [プラグイン] – [新規追加] をクリックします。

[プラグイン] - [新規追加] をクリックします。

3. 検索窓に “Auto-Highslide” と入力し、[プラグインの検索] をクリックします。

"Auto-Highslide" と入力し、[プラグインの検索] をクリックします。

4. 検索結果に表示された “Auto-Highslide” の下にある
[いますぐインストール] をクリックします。

[いますぐインストール] をクリックします。

5. 確認のメッセージが表示されますので、問題なければ [OK] をクリックします。

"本当にこのプラグインをインストールしてもいいですか?"

6. インストールが完了しましたら、[プラグインを有効化] をクリックします。

[プラグインを有効化] をクリックします。

「プラグインを有効化しました。」と表示されましたら作業は完了です。
これでクールなサムネイルポップアップ Highslide が使えるようになります。

「プラグインを有効化しました。」

あわせて読んでおきたい記事

このエントリーを含むはてなブックマーク Buzzurlにブックマーク livedoorクリップ Yahoo!ブックマークに登録

タグ


トラックバック&コメント

この投稿のトラックバックURL:

コメントをどうぞ

このページの先頭へ