自動ビジュアル切替jQueryプラグイン – autoVisualSwitch.js() — WEB-PARK.ORG | サイト制作に使用した自作jQueryコードのご紹介

仕事でメインビジュアルを自動で切り替えたいという要望があったのでプラグインを作成しました。 昔ならFlashでしか出来ないと思っていたことが、Javascriptで出来るのはSEO・メンテナンス性を考えても嬉しいことです！ DEMO DOWNLOAD ファイル構造 HTML 全てを包括するid=”mainVisual”の中に、大きい画像用のid=”autoVisual”とナビゲーションのid=”autoNav”でHTMLを構成します。 id=”mainVisual”は直接JSと関係が無いので、名称を変えてもOKです。 大きい画像にidとURLリンクを設定します。ナビゲーションには対象となる大きい画像のidをhrefに設定します。 JSがオンの場合はナビゲーションにも大きい画像のURLがリンクされます。 逆にJSがオフの場合にはページ内リンクになるので、クリックすると大きい画像が切替ります。