サイテック

WordPress の基本的な使用方法・活用方法を調査し、結果を記録することを目的とする。

WordPress Logo
Logos and GraphicsTEL:042-637-3182

サイテック - WordPress の基本的な使用方法・活用方法を調査し、結果を記録することを目的とする。

画像拡大ポップアップ

参考サイト

カッコよく画像を拡大ポップアップしてくれるワードプレスプラグインの比較

ワードプレス用のjQuery画像拡大スクリプトの比較&動作サンプル

 

【試したプラグインリスト】

  • Shadowbox JS
    • ShadowBox.js 英語
    • WordPress 以外での設置方法
    • <head></head>に

      <link rel="stylesheet" type="text/css" href="shadowbox.css"> <script type="text/javascript" src="shadowbox.js"> </script> <script type="text/javascript"> Shadowbox.init({ handleOversize: "drag", modal: true }); </script>

      を追加

    • 書式
    • <a href="myimage.jpg" rel="shadowbox">My Image</a>

      でOK

 

【活用参考サイト】

 

【動作確認】

Category: 使い方