jqueryの画像ギャラリープラグインのエラー

2023/08/16 10:49

このQ&Aのポイント

jqueryの「Smooth Div Scroll」プラグインを設置したが、OperaとIE7でスクロールが正常に動作せず、画像が表示されなくなる問題が発生
公式デモでは問題が発生しないため、問題はコードにある可能性がある
他のブラウザでは画像のスクロールは成功しているが、特定のブラウザでのみ発生している問題

ベストアンサー

jqueryの画像ギャラリープラグインのエラー

2012/08/09 19:05

とても困っているのでどなたか教えていただけると嬉しいです。 jqueryの「Smooth Div Scroll」（http://www.smoothdivscroll.com/#quickdemo）を設置したのですが、 OperaとIE7で表示した時にスクロールさせると、画像領域を超えても延々とスクロールが続いてしまって何も表示されなくなってしまいます。他のブラウザでは画像領域のみのスクロールが成功します。公式が英語でしたので、以下のサイトのものをそのまま使用させていただいています。 http://w-cc.info/internet/javascript/%E6%A8%AA%E3%81%AB%E4%B8%A6%E3%81%B9%E3%81%9F%E7%94%BB%E5%83%8F%E3%82%92%E3%83%9E%E3%82%A6%E3%82%B9%E6%93%8D%E4%BD%9Cor%E8%87%AA%E5%8B%95%E3%81%A7%E3%82%B9%E3%82%AF%E3%83%AD%E3%83%BC%E3%83%AB%E3%81%97.html ちなみに公式のdemoをOpera/IE7で確認したところそのようなバグは起きませんでした。なので上記サイトのコードに何か間違いがあるのかなと思ってはいるのですが…。宜しくお願いいたします…！

gspopo
お礼率72% (24/33)

JavaScript
回答数1
ありがとう数1

みんなの回答 （1）
専門家の回答

質問者が選んだベストアンサー

ベストアンサー

fujillin
ベストアンサー率61% (1594/2576)

2012/08/09 20:05 回答No.1

＞ちなみに公式のdemoをOpera/IE7で確認したところそのようなバグは起きませんでした。そのページのデモのすぐ下に、スクリプト、HTML、CSSともそれぞれ記載されているみたいですが、それでやってもダメでしょうか？（ちなみに、ご提示の日本語サイトの内容とは違うみたいですね）どうやら、スクリプトのバージョンが1.1→1.2と異なっているようです。想像ですが、使用しているバージョンが1.1であるのなら、現在の記述でも動作するのではないかと思います。デモサイトでは、マウスホイールに対応して読込んでいるスクリプトにmousewheelが追加されています。　（↑）デモページのソースで御確認ください。

質問者

お礼 2012/08/09 22:07

なんとかなりました！丁寧にご回答いただきありがとうございました。

関連するQ&A

jQueryのプラグインについて
URLの構成要素を参照できるこちらのプラグインについて質問させてください。デモページにあるようなものをクリックイベント無しで、指定クラスの特定要素（liやdivなど）の中にquery情報を落とし込むにはどうしたらいいでしょうか？ URL http://www.cyokodog.net/blog/parse-url-doc/ デモページ http://www.cyokodog.net/jquery.utility-kit/parse-url/demo.html （例） URL https://test_site.jp/?test_category01=%e3%83%86%e3%82%b9%e3%83%881%e3%81%ae%e3%82%ab%e3%83%86%e3%82%b4%e3%83%aa%e3%83%bc&test_category02=%e3%83%86%e3%82%b9%e3%83%882%e3%81%ae%e3%82%ab%e3%83%86%e3%82%b4%e3%83%aa%e3%83%bc&test_category03=%e3%83%86%e3%82%b9%e3%83%883%e3%81%ae%e3%82%ab%e3%83%86%e3%82%b4%e3%83%aa%e3%83%bc ↓ 結果 <li class="test">テスト1のカテゴリー</li> <li class="test">テスト2のカテゴリー</li> <li class="test">テスト3のカテゴリー</li> 何卒、よろしくお願いします。
- ベストアンサー
- JavaScript
このjqueryは何ですか。
アパレルなどの写真を触ると、拡大されて詳しく表示されるようなjqueryを探しております。特に、amazonのファッションページの写真欄に使用されているjqueryが分かれば教えてもらいたいです。amazonのオリジナル使用であれば、近いものがあれば教えて頂けますでしょうか。参考ページ；amazon http://www.amazon.co.jp/%E3%82%B8%E3%83%A3%E3%83%B3%E3%82%B0%E3%83%AB%E3%82%B9%E3%83%88%E3%83%BC%E3%83%A0-JUNGLE-STORM-%E7%B6%BF%E9%BA%BB%E3%82%A2%E3%83%B3%E3%82%AB%E3%83%BC%E3%83%97%E3%83%AA%E3%83%B3%E3%83%88%EF%BC%95%E5%88%86%E8%A2%96%E3%82%B7%E3%83%A3%E3%83%84-555041/dp/B007IORT5U/ref=sr_1_11?ie=UTF8&qid=1335904910&sr=8-11 よろしくお願いします。
- ベストアンサー
- JavaScript
【JQuery】チェックボタンに画像を置き換えたい
初めまして。JQueryの初心者で大変恐縮ではございますが、再度質問させていただきます。今回、下記参考URLを参考にして、チェックボタンの画像指定に取り組みました。参考URL http://sygnas.jp/2012/01/30/jquery%E5%80%8B%E5%88%A5%E3%81%AE%E7%94%BB%E5%83%8F%E3%82%92%E3%83%A9%E3%82%B8%E3%82%AA%E3%83%9C%E3%82%BF%E3%83%B3%E3%82%84%E3%83%81%E3%82%A7%E3%83%83%E3%82%AF%E3%83%9C%E3%83%83%E3%82%AF%E3%82%B9/ 実装自体は上手く行えたのですが、コメント欄にもあるようにIEで利用するとダブルクリックでしか動作を行う事ができませんでした。このプラグインをシングルクリックでも行えるようにするにはどのようにすればよろしいでしょうか？説明力不足で大変恐縮ですが、お力をお貸しいただけば幸いでございます。また、その他でもおすすめの方法等ございましたら是非お教えいただきたく思っております。何卒よろしくお願い致します。
- ベストアンサー
- JavaScript
サムネイル画像の特殊性について疑問！
よくサムネイルといいますが、小さい画像をクリックすれば大きな画像のページになるってことですよね。次のように http://www.bing.com/images/search?q=%e3%82%b5%e3%83%a0%e3%83%8d%e3%82%a4%e3%83%ab%e7%94%bb%e5%83%8f&qpvt=%e3%82%b5%e3%83%a0%e3%83%8d%e3%82%a4%e3%83%ab%e7%94%bb%e5%83%8f&qpvt=%e3%82%b5%e3%83%a0%e3%83%8d%e3%82%a4%e3%83%ab%e7%94%bb%e5%83%8f&FORM=IGRE これって種類としてはサムネルという名称かも知れませんが、やっていることは普通に(1)小さな画像と(2)大きな画像を準備しておいて、(1)をクリックしたら(2)のページに移るだけのことですよね？通常のリンクですよね？特に特殊な効果でもないですよね？よく解らないのでお聞きするんですが・・教えて下さい。
- ベストアンサー
- その他([技術者向] コンピューター)
アイリスオーヤマ　高圧洗浄機　ショートノズル
お世話になります。 Amazon | アイリスオーヤマ高圧洗浄機 FBN-604 イエロー | DIY・工具 https://www.amazon.co.jp/%E3%82%A2%E3%82%A4%E3%83%AA%E3%82%B9%E3%82%AA%E3%83%BC%E3%83%A4%E3%83%9E-IRIS-OHYAMA-FBN-604-%E9%AB%98%E5%9C%A7%E6%B4%97%E6%B5%84%E6%A9%9F/dp/B00B58MKN6/ref=sr_1_18?s=diy&ie=UTF8&qid=1466325322&sr=1-18&keywords=%E3%82%A2%E3%82%A4%E3%83%AA%E3%82%B9%E3%82%AA%E3%83%BC%E3%83%A4%E3%83%9E+%E9%AB%98%E5%9C%A7%E6%B4%97%E6%B5%84%E6%A9%9F これをショートノズルの高圧洗浄ガンに交換できないでしょうか？ Amazon | 高圧洗浄機ガン高圧水銃ねじ式耐圧 30 MPa ノズル付き | 洗浄機用アクセサリ https://www.amazon.co.jp/%E9%AB%98%E5%9C%A7%E6%B4%97%E6%B5%84%E6%A9%9F-%E3%82%AC%E3%83%B3-%E9%AB%98%E5%9C%A7-MPa-%E3%83%8E%E3%82%BA%E3%83%AB/dp/B019UWCCI6/ref=sr_1_3?s=diy&ie=UTF8&qid=1466324600&sr=1-3&keywords=%E9%AB%98%E5%9C%A7%E6%B4%97%E6%B5%84%E6%A9%9F+%E3%82%AC%E3%83%B3 これはアイリスのホースに繋がるでしょうか？
- ベストアンサー
- DIY(日曜大工)
jQuery.uploadとtype="file"
■IEで input type="file" を画像差し替えしたのですが、正しく動きません。画像アップロードをファイル選択と同時に行うため、下記jQuery.uploadを実装しました。 http://lagoscript.org/jquery/upload しかし、input type="file" のままだと見た目が悪いため、追加で下記実装を行いました。 (全く同じ実装を行いました) http://zxcvbnmnbvcxz.com/input-typefile-%E3%82%92%E7%94%BB%E5%83%8F%E3%83%9C%E3%82%BF%E3%83%B3%E3%81%AB%E5%A4%89%E6%9B%B4%E3%81%99%E3%82%8B%E6%96%B9%E6%B3%95/ 無事実装が完了し、FF、Chromeでは動作したのですが、 IE8～10では画像をクリックしてもファイル選択画面すら動作せず。。 (IE7は確認しておりません) どなたか解決方法をご存じの方がいらっしゃいましたらご教授頂けると幸いに存じます。
- ベストアンサー
- JavaScript
カリウムのサプリは、種類があり迷います。
２型糖尿病です。糖尿病には、肝臓を守る為に食事で、カリウムを摂るのが良いそうですが、アマゾンのサプリメントを見ていると種類が多くて迷います。どれが肝臓に良さそうでしょうか？カリウムバランサー 320mg×270粒マルマン http://www.amazon.co.jp/%E3%83%9E%E3%83%AB%E3%83%9E%E3%83%B3-KB270-%E3%82%AB%E3%83%AA%E3%82%A6%E3%83%A0%E3%83%90%E3%83%A9%E3%83%B3%E3%82%B5%E3%83%BC-320mg%C3%97270%E7%B2%92/dp/B000BTA4DI/ref=sr_1_1?ie=UTF8&qid=1447502252&sr=8-1&keywords=%E3%82%AB%E3%83%AA%E3%82%A6%E3%83%A0 カリウム 99mg ※ベジタリアン/ビーガン仕様[海外直送品] [ヘルスケア&ケア用品] [ヘルスケア&ケア用品] [ヘルスケア&ケア用品] http://www.amazon.co.jp/%E3%82%AB%E3%83%AA%E3%82%A6%E3%83%A0-%E2%80%BB%E3%83%99%E3%82%B8%E3%82%BF%E3%83%AA%E3%82%A2%E3%83%B3-%E3%83%93%E3%83%BC%E3%82%AC%E3%83%B3%E4%BB%95%E6%A7%98-%E6%B5%B7%E5%A4%96%E7%9B%B4%E9%80%81%E5%93%81-%E3%83%98%E3%83%AB%E3%82%B9%E3%82%B1%E3%82%A2/dp/B005P0O2YK/ref=sr_1_5?ie=UTF8&qid=1447502252&sr=8-5&keywords=%E3%82%AB%E3%83%AA%E3%82%A6%E3%83%A0 クエン酸カリウム 99mg 180カプセル（海外直送品） http://www.amazon.co.jp/NOW-Foods-ANO-1060-%E3%82%AF%E3%82%A8%E3%83%B3%E9%85%B8%E3%82%AB%E3%83%AA%E3%82%A6%E3%83%A0-180%E3%82%AB%E3%83%97%E3%82%BB%E3%83%AB/dp/B001AWWC1W/ref=sr_1_6?ie=UTF8&qid=1447502252&sr=8-6&keywords=%E3%82%AB%E3%83%AA%E3%82%A6%E3%83%A0 【2個セット】　[海外直送品] NOW Foods 【大増量！２５０粒】【水分バランス】カリウム(グルコン酸) 99mg 250粒 Pota... http://www.amazon.co.jp/%E3%80%902%E5%80%8B%E3%82%BB%E3%83%83%E3%83%88%E3%80%91%E3%80%80-NOW-Foods-%E3%80%90%E5%A4%A7%E5%A2%97%E9%87%8F%EF%BC%81%EF%BC%92%EF%BC%95%EF%BC%90%E7%B2%92%E3%80%91-%E3%80%90%E6%B0%B4%E5%88%86%E3%83%90%E3%83%A9%E3%83%B3%E3%82%B9%E3%80%91/dp/B00DVZ54WK/ref=sr_1_7?ie=UTF8&qid=1447502252&sr=8-7&keywords=%E3%82%AB%E3%83%AA%E3%82%A6%E3%83%A0 炭酸カリウム500g http://www.amazon.co.jp/%E3%83%AA%E3%83%83%E3%83%81%E3%83%91%E3%82%A6%E3%83%80%E3%83%BC-%E7%82%AD%E9%85%B8%E3%82%AB%E3%83%AA%E3%82%A6%E3%83%A0500g/dp/B007RSVBQK/ref=sr_1_16?ie=UTF8&qid=1447502252&sr=8-16&keywords=%E3%82%AB%E3%83%AA%E3%82%A6%E3%83%A0
- ベストアンサー
- バッグ・財布・帽子・小物類
技MIX航空機のサイズ
http://www.amazon.co.jp/%E3%82%BF%E3%82%AB%E3%83%A9%E3%83%88%E3%83%9F%E3%83%BC-%E6%8A%80MIX-%E8%88%AA%E7%A9%BA%E6%A9%9F%E3%82%B7%E3%83%AA%E3%83%BC%E3%82%BAAC003-%E8%88%AA%E7%A9%BA%E8%87%AA%E8%A1%9B%E9%9A%8AF-15J/dp/B001PTHN4Q/ref=sr_1_7?ie=UTF8&s=toys&qid=1266584474&sr=8-7 このプラモデルの、「1/144」とは、どのくらいの大きさなのでしょうか？ガンプラの1/144を想像しているのですが、それくらいなのでしょうか？
- ベストアンサー
- その他（ホビー・玩具）
amazonの商品
http://www.amazon.co.jp/%E5%A4%A7%E5%A5%BD%E8%A9%95%E3%80%81%E5%A4%A7%E4%BA%BA%E6%B0%97%E2%99%AA-%E5%83%95%E3%81%AF%E5%8F%8B%E9%81%94%E3%81%8C%E5%B0%91%E3%81%AA%E3%81%84-%E5%B0%8F%E9%B7%B9%EF%BC%88%E3%81%AF%E3%81%9B%E3%81%8C%E3%82%8F-iPhone4%E3%82%A2%E3%83%83%E3%83%97%E3%83%AB-%E3%82%B3%E3%82%B9%E3%83%81%E3%83%A5%E3%83%BC%E3%83%A0/dp/B008YNZ37A/ref=sr_1_13?ie=UTF8&qid=1346256379&sr=8-13 これは画像どうりのものつまりはせがわ小鷹ではなくこばとのものが届きますか？
- ベストアンサー
- その他(ネットショッピング)
この画像はどういった具材で書かれていますか？
この画像はどういった具材で書かれていますか？下記の２URLの画像。絵本なのですが、どういった具材というか、筆というか、絵の具というか、で描かれているでしょうか？ドオン http://www.amazon.co.jp/%E3%83%89%E3%82%AA%E3%83%B3-%E6%97%A5%E6%9C%AC%E5%82%91%E4%BD%9C%E7%B5%B5%E6%9C%AC%E3%82%B7%E3%83%AA%E3%83%BC%E3%82%BA-%E5%B1%B1%E4%B8%8B-%E6%B4%8B%E8%BC%94/dp/483401276X 注文の多い料理店 http://www.amazon.co.jp/%E6%B3%A8%E6%96%87%E3%81%AE%E5%A4%9A%E3%81%84%E6%96%99%E7%90%86%E5%BA%97-%E3%83%9F%E3%82%AD%E3%83%8F%E3%82%A6%E3%82%B9%E3%81%AE%E7%B5%B5%E6%9C%AC-%E5%AE%AE%E6%B2%A2-%E8%B3%A2%E6%B2%BB/dp/4895881067/ref=sr_1_3?s=books&ie=UTF8&qid=1286151371&sr=1-3 絵はほとんど描いたことがないので、どういった具材で描いているのかなと疑問に思いました。よろしくお願いします。
- ベストアンサー
- 絵画・イラスト・デザイン