以前かいたjQueryの記事「jQueryのスライドショーやカルーセルを探してるならこれ使っときんさい!」がSRE BLOG内でアクセス数ダントツ1位を記録しています! せっかくなので、サンプルコードを掲載してもっと活用してもらおうと企みました! 前回の記事の流れを追うかたちで、よく使うものをご紹介していきます。 エフェクト美しきNivo Slider 何回も言ってますが、エフェクトがきれいで表示切り替えのエフェクトをランダムに設定することができます。テーマもあらかじめいくつか用意されているので、サッとカッコよくしたいときには重宝します。 次の例では、defaultテーマを使用しています。 また、imgタグにdata-thumbを指定すると、サムネイル表示による切り替えもできます。かんたんです。 HTML <!-- #nivo-slider --> <div id="nivo-slider
![レスポンシブWebデザインの制作現場でよくつかうjQueryスライドショーのサンプルコード | cherry-pick BLOG | 株式会社cherry-pick](https://cdn-ak-scissors.b.st-hatena.com/image/square/d7321be8f49f9cfdf6e63576d2c848f9838683cb/height=288;version=1;width=512/https%3A%2F%2Fwww.cherry-pick.jp%2Fassets%2Fimages%2Fcommon%2Fimg_ogp.png)