動きのあるタブ切り替え

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

メニュー部分で画像とテキストを切り替えてリンク、という仕様で、タブ切り替えがいいかな、と、tabulous.js を利用した。
scale、scale up、slide、flip の4つの動きを選べる。

デフォルトではクリックで切り替えだが、リンクを付けたいので、
links.bind(‘click’, を links.bind(‘hover’, に、
var thislink = mythis.attr(‘href’); を var thislink = mythis.attr(‘id’); に変更した。

最初は onclick でリンクを付けたのだけど、そうすると、同じページでPrettyPhoto を使った時にややこしいことになったので…