よく利用するJqueryプラグイン「fotorama」。 レスポンシブ対応で画像のスライドショーが簡単に設置できます。 また、オプションを利用することでフェードイン・フェードアウト・サムネイル等も設定できて大変便利。 使い勝手が非常に良いのですが、「そう言えば画像にリンクを張るのってどうするんだろう?」と思い、色々と調べてみた結果をまとめてみました。 fotoramaの使い方 「fotorama」自体の使い方はいたってシンプル。 配布元サイトにて、ソースコード一式をDLしてきて、公式サイトに掲載をされてる下記の通りにソースコードを記述すれば動くはずです。 ※相対パス、絶対パス指定は適宜変更してください Jqueryとcssをhead内で宣言 イメージデータを設置してclass=”fotorama”でマークアップ その他オプションがある場合は設定 fotoramaの設置コード例 <!-- 1
![Jqueryプラグイン「fotorama」で画像にリンクを張る方法 | ZOC](https://cdn-ak-scissors.b.st-hatena.com/image/square/2bf674c3ca02785ac9d4eaad8e8328e61d6c3cee/height=288;version=1;width=512/http%3A%2F%2Fzoc.moo.jp%2Fwp-content%2Fuploads%2F2015%2F12%2F20151207_01.jpg)