Jqueryプラグイン「fotorama」で画像にリンクを張る方法 | ZOCよく利用するJqueryプラグイン「fotorama」。 レスポンシブ対応で画像のスライドショーが簡単に設置できます。 また、オプションを利用することでフェードイン・フェードアウト・サムネイル等も設定できて大変便利。 使い勝手が非常に良いのですが、「そう言えば画像にリンクを張るのってどうするんだろう？」と思い、色々と調べてみた結果をまとめてみました。 fotoramaの使い方 「fotorama」自体の使い方はいたってシンプル。 配布元サイトにて、ソースコード一式をDLしてきて、公式サイトに掲載をされてる下記の通りにソースコードを記述すれば動くはずです。 ※相対パス、絶対パス指定は適宜変更してください Jqueryとcssをhead内で宣言 イメージデータを設置してclass=”fotorama”でマークアップ その他オプションがある場合は設定 fotoramaの設置コード例 <!-- 1
