- ベストアンサー
jQueryを使ったフォトギャラリーが、Firefoxで動きません。
jQueryを使ったフォトギャラリーが、Firefoxで動きません。 下記のサイトは、jQueryを使って複数の写真を見やすくしたページです。 ただ、Firefox3（正確には3.5.9）で見ると、IEのように動きません。 http://coffeescripter.com/code/ad-gallery/ エラーコンソールを見ても原因が不明です。 できれば動くようにカスタマイズしたいのですが、何が問題なのでしょうか。
- souitirou1
- お礼率50% (52/104)
- JavaScript
- 回答数1
- ありがとう数1
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
fx3.5.11です。 とりあえずご提示のサイトは問題なく動作しているように見受けられますが、何がどう違うのでしょうか？
関連するQ&A
- jQueryイメージギャラリーに関しての質問です。
jQueryに関して。下記URLを参考に、イメージギャラリーを設置しました。 http://www.webdesignerwall.com/demo/jquery/img-replacement.html この、大きく表示されている画像に対して、さらにリンクを設定し、画像をさらに大きく表示させられるようなjQueryプラグインはあるでしょうか。 たとえばこの画像は 550px × 400px となっていますが、さらにこの画像をクリックすることで、別に用意された倍のサイズの画像をlightbox効果を付けて表示できるような、そういったプラグインです。 また、この画像が表示されている部分に、別のHTMLファイルを表示させられるようなプラグインがあるかどうかも知りたいです。 よろしくお願いします。
- ベストアンサー
- JavaScript
- jqueryについて質問させて下さい。
jqueryについて質問させて下さい。 galleryviewというjqueryをサイトに入れたいと思っています。 ↓こちらのサイトです。 http://www.spaceforaname.com/jquery/galleryview/gallery-light.html こちらですが、IEでみるとスライドが変わる際に説明文が前のものと次のものとが重なってしまって困っています。 重ならないようにするにはどのように設定すればよろしいでしょうか？ jquery初心者のため、ほとんど知識がありません。教えて頂ければ大変ありがたいです。 どうぞよろしくお願い致します。
- ベストアンサー
- JavaScript
- jQueryサンプルを使用したギャラリーの変更方法
jQueryサンプルを使用してギャラリーを制作中です。 Galleriffic http://www.twospy.com/galleriffic/ こちらのexample-3.htmlを元にしていますが、 このギャラリーのサムネイルの上部と下部にあるページリンク（１ ２ Next とある ページのリンクの部分です）ですが、上部のみを取り除きたいのですが、どこの部分を変更すればいいのかわかりません。 また、下部のページリンクは残しておきたいのですが、この色を変更する場合はどこのCSSを変更すればよいのでしょうか？ ご指導お願いしたします。
- ベストアンサー
- JavaScript
- jqueryについて分からなくて困っています。
jqueryを使って常にナビゲーションがついてくるフローティングメニューを設置しようと思っているのですが、ナビゲーションが全然動きません。 又、ナビゲーションにページ内リンクを設置しているのですがfirefoxだとリンク先に飛びません。 初歩的な事かもしれませんがjqueryを使った事がなくどうしていいのか困っています。 何が原因なのでしょうか？ どうかお力をかして頂ければと思っております。 ↓下記のURLの内容になります。 http://www.roid-company.com/test/index.html
- 締切済み
- JavaScript
- ページ内に複数のJSギャラリー
１ページ内に、jQueruを使用したギャラリーを複数設置したいと考えています。 使用したいJSギャラリーは以下となります。 http://landofcoder.com/demo/jquery/lofslidernews/index.html こちらID名を振り分けたりと色々試してみました。 できたことは、以下2点です。 ・ギャラリーを複数表示 ・「＜」「＞」ボタンは各ギャラリー毎に操作可能 どうしてもできないのは、以下1点です。 ・リストのサムネイル画像をクリックすると1つのギャラリーに対してのみ反応 （例えばAギャラリー・Bギャラリーを配置、AギャラリーのサムネイルクリックでBギャラリーがスライドしてしまう） どのような設定にすれば複数配置が可能なのか、お手上げ状態です。。 似たような質問がありましたが、上記のギャラリーを使用したいため新たに質問させて頂きました。 http://ziddy.japan.zdnet.com/qa6614795.html どうぞよろしくお願い致します。
- 締切済み
- JavaScript
- イラストギャラリー用cgiを探しています。
絵描きですが、最近忙しく絵一枚一枚にページを作るのが大変になってしまいました。 それでも見せる側としてのこだわりがあるため、ブログなどへの羅列はイヤなのです。 イラスト(もしくはフォト)ギャラリーCGI ・画像アップロード機能。 ・サムネイル作成(リストでも可) ・縦割りフレームタイプ。 ・シンプルもしくはカスタマイズ可。 の配布をしている場所、デザインにもこだわりがあるので、カスタマイズが出来る、もしくは、 そのcgi用のテンプレを配布している素材サイトさまなどもあると助かります。 自分で見つけたもの ⇒http://a-cafe.com/cgi/gallery/gallery.cgi (デザインが気に入らない＆配布cgiがみつからず断念) 誰か使用している方、また使用している方のページ目にしたことが ある方、でもかまいません。お力貸してください。よろしくお願いします。
- 締切済み
- その他（インターネット・Webサービス）
- jQuery
http://blog.daichifive.com/archives/602 このページにあるようなスクロールをさせたいのですが、 jquery.scroller.d5.jsはページ内でダウンロードできますが、 jquery.jsはどこからダウンロードすればよいのですか？ jQueryeasysliderのjqueryjsをつかってみたのですが、 上記サイトではjsファイルの最下部でスクロールさせたいものだけをカスタマイズできるとあるので、 easysliderのjqueryjsは使えないような気がします。 初歩的な質問ですみません。 あまり詳しくないです。 宜しくお願いします。
- ベストアンサー
- CSS
- jquery3系がうまくいかない
jquery3系が出ていたので使ってみたのですが、CDNはうまくいったのですが、そのものをダウンロードして使うほうがうまくいきません。 https://code.jquery.com/jquery-3.1.1.min.js のソースコードをコピペしてjquery-3.1.1.min.jsというファイルを自分で作って下記のようにしているのですが、CDNが読み込まれなかった場合に読み込むというやり方のようです。 <!-- start load jquery --> <!--[if lt IE 9]> <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> <script>window.jQuery || document.write('<script src="/js/jquery-1.11.0.min.js"><\/script>')</script> <![endif]--> <!--[if gte IE 9]><!--> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> <script>window.jQuery || document.write('<script src="/js/jquery-3.1.1.min.js"><\/script>')</script> <!--<![endif]--> <!-- end load jquery --> ・もちろん下記のようにもしましたが駄目でした。 <!-- start load jquery --> <!--[if lt IE 9]> <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> <script>window.jQuery || document.write('<script src="/js/jquery-1.11.0.min.js"><\/script>')</script> <![endif]--> <!--[if gte IE 9]><!--> <script>window.jQuery || document.write('<script src="/js/jquery-3.1.1.min.js"><\/script>')</script> <!--<![endif]--> <!-- end load jquery -->
- ベストアンサー
- JavaScript
- ギャラリーページでのjavascriptの誤作動
現在制作しています写真家のサイトで、スライドショーギャラリー用のjavascriptを用いているのですが、元データのjavascriptを自分でカスタマイズしたら挙動がおかしくなってしまいました。 下記のサイトなのですが、 http://minefuyu-yamashita.com フォトギャラリーページで、写真が4つと5つ並んでいるものに限って、 ▼写真４つの場合 http://minefuyu-yamashita.com/photo/category/%E6%B2%96%E7%B8%84%E6%9C%AC%E5%B3%B6 ▼写真５つの場合 http://minefuyu-yamashita.com/photo2/category/%E5%A4%9C 次の写真を参照するボタンリンクをクリックすると、写真が右へ移動したまま、戻ってこないという現象が起きました。 原因はわかっていて、元データの下記リンク先の、 ▼元データ http://www.css-lecture.com//template/2008/1121/ 元データでは、写真表示が5個になっているいるのですが、これを7個に表示するというようにjsの中の数字を書き換えてしまったためです。 ▼元データｊｓ http://www.css-lecture.com//template/2008/1121/js/jquery.scrollable... どの部分の数値を変えてたのかというと、 下記リンク先javascriptの52行目辺りにある、 ▼書き換えたｊｓ http://www.minefuyu-yamashita.com/photosite/js/jquery.mousewheel.js var opts = { size: 7, horizontal:false, ctiveClass:'active', speed: 300, onSeek: null, のsize: 7,の数字を、5→7に変えてしまったためです。 この数字を5に戻せば、大丈夫なのですが、このサイトのデザイン上、どうしても7個で見せたいのです。数字を7のまま、その他のどこをどのように書き直せばこれがきちんと動くのかわかりません。 ちなみに、当方はjavascriptはほぼ分かりません。 いつも適当にコード内の数値を変えたりしてるぐらいのカスタマイズ能力です。 今回も自分でjsの中の他の数字をいろいろと変えてみましたが、誤作動は直りませんでした。 どなたかご教授願います！
- ベストアンサー
- JavaScript
- 「greybox」を使用してフォトギャラリーを作成していますが、動作が
「greybox」を使用してフォトギャラリーを作成していますが、動作が不安定です。どのような原因が考えられるでしょうか。 フォトギャラリーは Imageset を利用してグループ表示させています。 作成したページをテスト表示させると、画面全体がグレーになって写真の表示される白枠は出るのですが、肝心の写真が表示されない場合があります。また、写真が表示されても、矢印で次の写真、次の写真、と進んでいくと急に白枠だけになったりします。矢印で前の写真に戻ると、写真が表示されることもあります。非常に不安定で、かならずしも同じ写真で同じ現象が起こるわけではありません。 OSはMac、開発ソフトに Dream Weaver を使用しています。別に使用している spry が邪魔しているのかと思い、ためしにごくシンプルなフォトギャラリーのみのページを作成してみましたが、やはり不安定です。 ブラウザは safari、Firefox のどちらでも同様の現象が発生します。 お知恵をお貸しください。
- 締切済み
- JavaScript
お礼
fujillinさん、回答ありがとうございます。 動きの違いは、「上の大きい写真が表示されない」「ギャラリーを切り替える矢印が出てこない」というものだったのですが……。 実は、Firefoxのjavascriptを無効にしていただけでした。 有効にしたらきちんと動いてくれました。 くだらないミスで申し訳ありません。m(_ _)m