tabulous.js でフォトギャラリー

情報を追記している場合はありますが、古い情報を訂正はしていませんので、公開年月日を参照してください。プラグイン・タグ、いずれもワードプレス・PHPのバージョン等によって動作しない場合もあります。

先日、tabulous.js でナビを作った話を書きましたが、今回は↓こんなフォトギャラリーを。
gallery
サムネイルにマウスオーバーで写真とキャプションを切り替え、クリックで拡大表示という仕様です。

前回同様、切り替えとリンクが必要なので、aタグのIDと切替部分のIDを対応させました。

実装はAdvanced Custom Fields の繰り返しフィールドで。