CommentsPosted2011-07-31サムネイルが付いた画像スライドショーのjQueryプラグインです。サムネイルがフォーカスされた時に大きい画像を読み込む為、画像が大量にあっても読み込みに時間がかかりません。オプションも豊富で、ページャー、画像タイトルやキャプションを同時に表示させることもできます。スライドショーのオンオフやページ送りをつけることも可能です。Galleriffic配布先Gallerifficopacityrolloverが同包されておりサムネイル画像がフェードされるようになっています。配布先の●Examplesのところよりサンプルが一式もダウンロードできます。“サンプルデモ“も作りました。使い方head内またはbodyタグ直前でjQuery本体とgalleriffic.js、opacityrollover.jsを読み込みます。src="/js/jquery.opacityrollover.js"></script>続けて以下のようにopacityrollover.jsとgalleriffic.jsの呼び出しとオプション設定を指定します。1.0);}});});</script>HTMLは以下のようにスライドショー部分と、サムネイル部分を記述します。スライドショー部分のコントローラーなどが必要なければ、なしでも大丈夫です。画像はサムネイルとスライドショーサイズと2種類用意します。ついてコメント頂きました。href="#li_comment-16365">コメント中のコード</a>」も合わせてご確認下さい。<br>コメント中のコードを指定しないと、実装に不具合がでる可能性があるようです。id="sampledemo">作ってみたサンプルデモ</h3><p>汎用性がありそうなExample2を使ってみました。PM始めまして、この記事を参考にGallerifficを設置してみました。一つ質問なのですが、デモのように表示画像のサイズを変えたいのですが、画像サイズを変えるとサムネイルと重なるように表示されてしまいます。ソースコードを拝見していないのでなんとも言えませんが、おそらくCSSの問題ではないでしょうか...。サムネイルが橫並びだと↓のデモが近いでしょうか。ダウンロードできるファイルにはこのデモのファイルも含まれているので、そちらを確認頂くとわかりやすいと思います。質問なのですが、サムネイルを1列のみで表示したいのですが、どうすればいいのでしょうか。なしにすればサムネイルを縦一列にできると思います。橫一列にされるなら親ボックスの長さを変更するとよい思います。