- ベストアンサー
(JQuery）スライダーのサンプル探しています
jquery初心者です・・。 クライアントからの要望がありましたので（http://shop.benesse.ne.jp/ ）のようなjqueryのサンプルをずっと探しているのですがありそうでなかなかありません・・ 画像が入れ替わる時の動きに決まりはありません。 右に各コンテンツのサムネイルが縦に並んでいて左のメインイメージが連動して入れ替わり 画像をクリックするとコンテンツへリンクする。 といった動きです。 どなたかご存知の方教えていただけますでしょうか・・！ 何卒よろしくお願いいたします・・・！
- cocoaki
- お礼率65% (17/26)
- CSS
- 回答数1
- ありがとう数0
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
とりあえず http://www.google.co.jp/search?q=jquery+slideshow から自分の要望に近いjQueryプラグインを探し、もし見つかったら、公式のドキュメントやサンプルをみて制作してみるのが良いかと思います。 が、ご要望のものにピッタリ一致するようなものは、ないかもしれません。 その場合は、自分でプログラムするか、プラグインをカスタマイズする必要があるでしょう。 こればかりはケースバイケースなのでどうしようもありません。 ちなみに、ご提示のサイトではjQueryではなく、YUI（http://developer.yahoo.com/yui/）＋carousel extension（http://billwscott.com/carousel/）で実現しているようです。。
関連するQ&A
- Jqueryの超初心者です
いつもはコピペで作業しています。 こちらのサイトを参考にサムネイル画像をクリックするとメイン画像が切り替わるページを作成しています。 http://memocarilog.info/jquery/7477 表示されたメイン画像に外部リンクを設定するにはどう記述したら良いでしょうか？ お願いします。
- 締切済み
- JavaScript
- jQuery等で背景をフル表示＋スライドショー
http://www.daichifive.com/ ↑のサイトのような感じに背景を画面サイズに合わせてフル表示にし、 サムネイル出して、クリックすれば、次の画像に切り替えたいと思っています。 画像は３枚で、３枚目の画像だけ、縦長になっているので、 背景が３枚目になったときだけ縦スクロールバーを付けて、 上から下まで見れるようにしたいです。 サムネイルを出して、次の画像に切り替えるくらいですと、 jQueryを探せば何かあると思うのですが、 ３枚目だけ縦スクロールバーをつけることなどできるのでしょうか。 できるとすれば、どのjQueryを使って、どうゆうカスタマイズをすればできるのでしょうか？ jQuery以外の方法でも、上記のような動きを実装できるやり方があれば ご教授いただけないでしょうか。 よろしくおねがい致します。
- ベストアンサー
- CSS
- jQueryスライドプラグイン
jQueryスライドプラグイン FLASHを使用せずにjQueryのプラグインで以下のような表現は可能でしょうか？ http://www.starcat.co.jp/ 以下が実現したいです。 ・メイン画像がフェードまたは、スライドで切り替わる ・メイン画像クリックで別のページへリンク ・サムネイルクリックでメイン画像が切り替わる ・ランダムで表示できる ・自動で遷移する。
- 締切済み
- JavaScript
- jQueryに関してアドバイス頂けますでしょうか
はじめまして、gumkucha_maxと申します。 jQueryに関して、どなたかご教授頂けますでしょうか。 ページ内に複数のスライダーを設けたいのですが、 現状、下記ページのような動きになってしまいます。 ▼現状のページ http://ihatovo-cafe.com/tmp/search-2014/index-test20140312.html やりたい事としては、各スライダーのサムネイル画像をクリックすると、 メインの画像が切り替わるという動きにしたいのですが、 現状はサムネイル画像をクリックすると、ページ内にある全てのスライダーのメインが切り替わってしまいます。 どなたかご教授お願い致します。
- ベストアンサー
- JavaScript
- jQueryサンプルを使用したギャラリーの変更方法
jQueryサンプルを使用してギャラリーを制作中です。 Galleriffic http://www.twospy.com/galleriffic/ こちらのexample-3.htmlを元にしていますが、 このギャラリーのサムネイルの上部と下部にあるページリンク（１ ２ Next とある ページのリンクの部分です）ですが、上部のみを取り除きたいのですが、どこの部分を変更すればいいのかわかりません。 また、下部のページリンクは残しておきたいのですが、この色を変更する場合はどこのCSSを変更すればよいのでしょうか？ ご指導お願いしたします。
- ベストアンサー
- JavaScript
- jQuery UIを使用した画像スライダーについて
お世話になります。 当方、htmlとcssの知識しかなく、Javascriptはほとんど未知の領域なのですが、 ホームページに動きを付けたくて、jQuery UIを使用した画像スライダーの設置方法を載せたサイトを探していました。 そこで、下記のサイトさんのスライダーがイメージに近かったので使用したいと考えています。 ttp://phpjavascriptroom.com/?t=ajax&p=jquery_plugin_imagegallery#a_image_rotator サンプルページ ttp://phpjavascriptroom.com/exp3.php?f=include/ajax/jquery_plugin_imagegallery/featured_content_slider.inc&ttl=%E8%A8%AD%E7%BD%AE%E3%82%B5%E3%83%B3%E3%83%97%E3%83%AB そっくりそのまま実装することができ、スタイルシートの記述をいくつかいじって 枠の幅や画像の大きさを変更するまではできたのですが、 項目を追加することができませんでした。。 ※サンプルページで、4つある項目の一番下ハニートースト＠…の下にさらに項目を追加して、5つか6つくらい画像がスライドするようにしたいのです。 htmlファイルで、<li>や<div>を追加して、id="nav-fragment-4"をid="nav-fragment-5"にして 連番にもしましたが、それだけではうまく画像が表示されません。 ※4番目のタグをコピーして5番目を作りましたが、5番目をクリックしても画像が表示されず真っ白で、そのあと4番目をクリックすると、画像が2つ縦に連なって表示されます。 javascriptの記述で最大何枚画像が表示されるという記述があるのでしょうか？ 素人の質問なので、わかりにくい部分はあると思いますが、 何卒、お力添えよろしくお願いします！！
- 締切済み
- JavaScript
- twitterとjqueryのバッティングについて
はじめまして、jquery.showcase.jsとtwitterウィジットの件で質問させてください。 twitterウィジットとjquery.showcaseを同じHTML内で動作させたいのですが、 IE6～9とchromで見ると、大画像にマウスオーバーすると表示されるサムネイル（大画像にも）に、登録していない画像が２枚余分に表示されてしまいます。 納期も近づいており大変困っております。 正しい枚数ぶんだけ読み込ませたいのですが、どなたか助けていただけませんでしょうか？ 「サンプル」 http://www.im-data.co.jp/corporation/kimoto/hatena/ ちなみにjquery.showcaseに表示させたい画像は１枚～５枚。 IE6～9とchromでは、パス不明の<img/>がサムネイル、大画像ともに２枚追加されてしまいます。firefox3.6では正常に表示されます。 宜しくお願い申し上げます。
- ベストアンサー
- JavaScript
- こんな動きができるJqueryを探しています。
お客さまより、こんな動きができないか？と言われていろいろ探していたんですが、 全然見つからないので、こちらで質問させていただきます。 こちらのサイトの様な動きができるJqueryプラグインはありませんか？ ↓↓↓↓ ---- 摂南大学様サイト http://www.setsunan.ac.jp/ ---- 左右の画像は透明にならなくてもかまいません。（むしろならないほうがいいです） メインの画像が１枚だけ切り替わるスライダーは沢山あるみたいなんですが、 この様に、左右の画像が表示され、なおかつ下のまるい図の色が変わるものが見つからずに、 とても困っています。 どなたか教えていただけませんか？
- ベストアンサー
- JavaScript
- jQueryサンプルを使用したCSSでのギャラリーを制作しようとしてお
jQueryサンプルを使用したCSSでのギャラリーを制作しようとしております。 Galleriffic(http://www.twospy.com/galleriffic/) こちらのexample-2.htmlを使用して メイン部の画像をもう少し大きめで表示させようと思っているのですが どの部分のCSSをいじっていいものか分かりません。 div#pageだけではずれるようです・・。 どこを変更するとどう変わるのでしょうか。 メイン部以外でも左側のサムネ部分やその他ご説明願いたいとおもっております。 よろしくお願いいたします。
- ベストアンサー
- HTML
- jQuery：マウスオーバーで画像が切り替わる
下記のサイトのような事が実装できるjQueryプラグインを探しています。 http://www.sumitomo-rd-mansion.jp/shuto/shinjuku/private.html 実装したい事 ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ １）メイン画像の切り替えは 矢印をクリックするか サムネイルをマウスオーバーすると切り替わるようにしたい。 （スライドショーはなし） ２）メイン画像にはテキスト（説明文）も入れられる ３）メイン画像の下には、サムネイル画像も表示できる ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ 参考になるサイト等、ご存知でしたら教えていただけば幸いです。
- 締切済み
- CSS
補足
ありがとうございます！ 早速検索してサンプルを入手してカスタマイズしてますが 自動で切り替わるスライダーの設定がどうもわかりません・・・。 auto: true,にしたり色々試しているのですが・・。 単純ではないのでしょうか・・・