- ベストアンサー
jQuery、カルーセルの改造について
どなたか教えていただけませんでしょうか。 jQueryのカルーセルを設置したのですが （こちらのカルーセルです→http://jqueryfordesigners.com/jquery-infinite-carousel/） 左右の矢印にマウスを置いただけでスクロールしてくれるような改造は難しいでしょうか？ マウスを置くとスクロールが開始されて、離すと止まる。 クリックすると手動に切り替わる ……ような雰囲気が理想です。 宜しくお願いします！
- gspopo
- お礼率72% (24/33)
- JavaScript
- 回答数1
- ありがとう数1
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
- ベストアンサー
関連するQ&A
- jQueryスライドショーの設定
http://slidesjs.com/ Slides, A Slideshow Plugin for jQuery ここのjqueryを使って、左右の矢印(← →)をクリックすると div要素が順番に入れ替わっていくというものを導入しました。 そこで、例えばdivが３つあったとして、 １が表示されているときに→を押すと、当然２に行きますが ３が表示されているときに→を押すと、スクロール自体は右にスクロールしているのに １が表示されてループしてしまいます。 そこで、３が表示されているときは、→をクリックしても1に行かない、 そもそも→はクリックできず、←しかクリックできない状態にしたいのです。 矢印は消えなくていいです。 うまくストップさせることはできないでしょうか
- ベストアンサー
- JavaScript
- jQueryで教えてください＞＜；
画像にマウスを置いたときに、下にテキストが表示され、なおかつ両端の矢印をクリックするとスライドするようなjQueryを教えてください＞＜；宜しくお願いします！！
- 締切済み
- JavaScript
- Jqueryのアレンジの仕方
http://zxcvbnmnbvcxz.com/demonstration/slide_in_slide.html こちらのサイトを利用してJqueryを使ってみましたが、 http://www.dalia.co.jp/index.html 1) このように、両サイドに半透明で画像を表示されるにはどうしたらいいのでしょうか？ 2) 左右の矢印は大きなブルーの矢印になっていますが、矢印の画像を変更（アレンジ）するにはどうしたらいいのでしょうか？ １）と２）のどちらでもいいので、ご存知の方よろしくお願い致します。
- 締切済み
- その他([技術者向] コンピューター)
- jQuery、移動中に他スクリプトを無視したい
マウスオーバーで変化する画像が多数あるページに、jQueryを使ったTopへゆっくりスクロールしながら戻るボタンを設置しています。 ボタンを押してスクロール中、マウスカーソルの下に、マウスオーバーで変化する画像がたまたま差しかかると、マウスオーバー動作が起きてしまい、一瞬、スクロールがひっかかるような、ぎこちない感じになります。 キレイにスクロールさせたいのですが、スクロール中にマウスオーバーを無視するようなスクリプトってありますか？ tooltipみたいな動作も無視できたらうれしけれど。 よろしくお願いいたします。 （ボタンを画面の端に設置するのが安全策なんですが、デザイン上、使いたくないので、その方向は無視して下さい）
- 締切済み
- JavaScript
- JavaScriptのjquery.jqTOCの目次をプルダウンにする
JavaScriptのjquery.jqTOCの目次をプルダウンにする方法について JavaScriptのjquery.jqTOCをクリックせずにマウスを乗せるだけで開いたり閉じるように出来ますか？ JavaScriptのjquery.jqTOCの目次なのですが、 マウスを乗せただけでクリックせずに目次が開いたり離すと閉じるようにしたいと思ってます。 デフォルトではクリックして開くのですが、このように http://miyakekobo.fc2web.com/contents/html038.html マウスをのせるだけで引き出しが開くようにしたいです。 よろしくお願いいたします。
- ベストアンサー
- JavaScript
- jQueryでふたつの動作をさせたいのですが？
jQueryでふたつの動作をさせたいのですが、適用のしかたがわかりません。 詳しい方、教えてください。 ■その１：ページのトップに戻す http://iuser.jp/webjin/archives/2009/11/jquery-scroll-to-top-control.html この動作単独では動きました。 ■その2：マウスオーバーで画像を変更 http://www.webcreatorbox.com/tech/jquery-tips20/ その１で、プラグインのscrolltopcontrol.jsで指示する矢印画像：scrollup.gif に、 その2のマウスオーバーをかけたいのです。 その2のマウスオーバーは、<body>内に実存する画像に対応するようになっていて、 scrolltopcontrol.js内に書かれている画像に、指示すにはどうしたら良いのかわかりません。 また、この方法ではできないのなら、「その１：ページのトップに戻す」を生かして、そのボタンに マウスオーバーをかける他の方法を教えてください。
- ベストアンサー
- JavaScript
- jQueryのスライドショーのカスタマイズについて
仕事であるサイトを作っているのですが、製品ページの所で製品画像をスライドショーにして実装しようと思っており、jQueryで理想に近いプラグイン(galleriaというものです)を発見したのですが、スライドショーの領域内でさらに拡大画像ができるようにしてほしいと言われ自分でカスタマイズしようとやってみましたがうまくできません。 皆様のお力をお貸しいただけないでしょうか。 ■galleriaのプラグインを使ってカスタマイズする内容 galleriaのサイトからファイルをダウンロードし(http://galleria.aino.se/download/)メイン画像(サムネイルの上にある画像)内、もしくは外に「拡大画像」というボタンを設置し、クリックするとモーダルウィンドウで拡大画像が表示されるようにしたい。 ■自分でうまくできないところ このプラグインはサムネイル、もしくは左右にある矢印をクリックすると画像が変わる仕様になっており、「拡大画像」ボタンに今表示されているメイン画像を判別させて拡大画像を表示させる処理が必要となると思うのですが、うまくいきません。 モーダルウィンドウはthick.box(http://jquery.com/demo/thickbox/)を使って表示させています。 その他に、もっと簡単にできる方法など教えていただければ助かります。 よろしくお願いいたします。
- 締切済み
- JavaScript
- jQuery等で背景をフル表示＋スライドショー
http://www.daichifive.com/ ↑のサイトのような感じに背景を画面サイズに合わせてフル表示にし、 サムネイル出して、クリックすれば、次の画像に切り替えたいと思っています。 画像は３枚で、３枚目の画像だけ、縦長になっているので、 背景が３枚目になったときだけ縦スクロールバーを付けて、 上から下まで見れるようにしたいです。 サムネイルを出して、次の画像に切り替えるくらいですと、 jQueryを探せば何かあると思うのですが、 ３枚目だけ縦スクロールバーをつけることなどできるのでしょうか。 できるとすれば、どのjQueryを使って、どうゆうカスタマイズをすればできるのでしょうか？ jQuery以外の方法でも、上記のような動きを実装できるやり方があれば ご教授いただけないでしょうか。 よろしくおねがい致します。
- ベストアンサー
- CSS
- マウスホバーで見出しが変わるjquery
下記の参考URL先にあるようなマウスオーバーで見出しが変わるjquery？スライダーを探しています。 参考URL http://www.jfa.jp/samuraiblue/ 自分で探してみて一応それっぽいものは見付けることができたのですが、いずれも難があって使うことができません。 Image Rotator with DescriptionsやFeatured Content Slider Usingの場合、右側のリストをマウスホバーしても左側の画像や見出しを切り替えることができず、さらに右側リストをクリックしてマウスオーバーしていても左側の見出しがガンガン進んでしまうので使えませんでした。 参考URLhttp://designm.ag/previews/jquery-image-rotator/ 参考URLhttp://demo.webdeveloperplus.com/featured-content-slider/ http://www.jfa.jp/samuraiblue/にあるスライダーが一番理想的なのですが、似たような表現のできるjqueryプラグイン、又はその他の方法はないでしょうか？どうか宜しくお願いします。 ※jQuery初心者の為、伝わりにくいかと思いますがご容赦ください。
- ベストアンサー
- JavaScript
- jQueryで複数枚同時にスライダーをさせたい
色々改造したりしてみたのですが、何ともいかず行き詰ってしまいました。 jQueryを用いたスライダーで、画像のように5枚ずつスクロールをして写真を見せたく、 制作をしているのですが、 スライダー下にある○のナビゲーションも上記と同じように ５つアクティブになるようにするには、どのようにすればよいのでしょうか。 １つだけというものは数多くあると思うのですが、 複数枚となると、このナビゲーション部分はどこにどのように記述すればいいのでしょうか。 すみませんが、どなたかそのようなプラグインまたは記述方法をご存知の方、 ご教授くださいませ。 ちなみに今はこれをベースに使っています。 http://slidesjs.com/
- 締切済み
- JavaScript
お礼
反応が遅くなってしまい申し訳ありません。 おかげさまで思い通りの動きにすることが出来ました。 本当に助かりました。ありがとうございました！