- ベストアンサー
jqueryについて質問させて下さい。
jqueryについて質問させて下さい。 galleryviewというjqueryをサイトに入れたいと思っています。 ↓こちらのサイトです。 http://www.spaceforaname.com/jquery/galleryview/gallery-light.html こちらですが、IEでみるとスライドが変わる際に説明文が前のものと次のものとが重なってしまって困っています。 重ならないようにするにはどのように設定すればよろしいでしょうか？ jquery初心者のため、ほとんど知識がありません。教えて頂ければ大変ありがたいです。 どうぞよろしくお願い致します。
- macocco0718
- お礼率83% (5/6)
- JavaScript
- 回答数1
- ありがとう数2
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
配布元のサイトをちらっとみましたが。 Known Issuesとして、 # Panel overlays do not correctly fade in/out during panel transitions (IE7) # Transparent PNG images used in panel navigation do not properly fade in/out (IE7) が挙げられてます。 確かにこのサイトのデモページをIEで見ると、説明文が一瞬重なっちゃいますね。 気長く改定されるのを待つか、使うのを止めるか、妥協するか、 自分で改造するか．．．． ですね。
関連するQ&A
- 「jQuery GalleryView - by Jack Ander
「jQuery GalleryView - by Jack Anderson」を使ってみたいのですが、IE8で見た場合、画面が切り替わる際、文字部分が潰れてしまうのが、気になってます。修正する方法がもしあれば、誰か教えてください。 ▼jQuery GalleryView - by Jack Anderson http://spaceforaname.com/gallery-light.html
- ベストアンサー
- JavaScript
- GalleryViewのカスタマイズについて
GalleryViewのカスタマイズについて jqueryのプラグイン、GalleryViewを使っています。 http://spaceforaname.com/galleryview デモ http://spaceforaname.com/gallery-light.html 現状はデモ通りに使用していますが、左端にクリックしたサムネイルがきたときだけ、そのimgにclassを 付加させたいと思っています。しかしうまくいかず困ってます。 最新版はver2のようですが、仕様が変わっており、また作者による解説もないためデモと同じver1.1使用しています。 ご教授ください。よろしくお願いします。
- ベストアンサー
- JavaScript
- jquery-galleryviewのカスタマイズ・・・
jquery-galleryviewをカスタマイズして自分のページに使用したいのですが、JavaScriptの知識に乏しく、どこをいじれば良いのかわかりません。 http://www.spaceforaname.com/jquery/galleryview 画像のサイズなどは変更できたのですが、 ・pointer ・next ・prev この画像だけがどこで変更させるのかが分からず困っています。 画像を置き換えても、サイズが固定されているようで、小さな画像に置き換えてもデフォルトの大きさに引き伸ばされます。 解説サイトやおわかりになる方、是非アドバイスお願いします＞＜
- ベストアンサー
- JavaScript
- jquery
初心者になります。 jqueryなのですが スライド式のメニュー表示で その他のブラウザではスライド表示されますが Ieはクリックしても全然スライドしません jqueryはIeには未対応なのでしょうか？ それとも何か設定があるのでしょうか？ すみませんよろしくお願いします。
- ベストアンサー
- JavaScript
- 複数の自動スライドショー(jQuery)の設置方法
前回の質問の http://okwave.jp/qa/q6602248.html の続きです。 今１つだけ設置している自動スライドショーを、 ２つ、３つと同HTML内に増やしていきたいのですが、参考にした http://spaceforaname.com/filmstrip.html こちらのサイトをみて $('#photos').galleryView({ の部分や他にも共通するjs内の部分の名前を $('#photos').galleryView2({ などに変更してみたのですが、いっこうに動いてくれません。 どのようにしたらこの自動スライドショーを複数設置することができるのでしょうか？ この自動スライドショー以外に似たようなものを探しましたが、 リンクができ、尚かつ各々の写真の下に文章を入れることができるという形の物が見つからず・・・。 非常に困っております。 どうかご回答お願い致します。
- ベストアンサー
- JavaScript
- galleryviewのjavascriptについ
下記の画像の部分にどうしてもリンクを貼りたいのですが上手くいきません。ご教授願います。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>GalleryView - Default Demo</title> <!-- First, add jQuery (and jQuery UI if using custom easing or animation --> <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.18/jquery-ui.min.js"></script> <!-- Second, add the Timer and Easing plugins --> <script type="text/javascript" src="../js/jquery.timers-1.2.js"></script> <script type="text/javascript" src="../js/jquery.easing.1.3.js"></script> <!-- Third, add the GalleryView Javascript and CSS files --> <script type="text/javascript" src="../js/jquery.galleryview-3.0-dev.js"></script> <link type="text/css" rel="stylesheet" href="../css/jquery.galleryview-3.0-dev.css" /> <!-- Lastly, call the galleryView() function on your unordered list(s) --> <script type="text/javascript"> $(function(){ $('#myGallery').galleryView(); }); </script> </head> <body> <ul id="myGallery"> <li><a href="http://ariacompany-since2010.com/shop/products/list.php?category_id=47"><img src="http://www.spaceforaname.com/galleryview/img/photos/bp1.jpg" alt="Lone Tree Yellowstone" /></a> <li><img src="http://www.spaceforaname.com/galleryview/img/photos/bp2.jpg" alt="Is He Still There?!" /> <li><img src="http://www.spaceforaname.com/galleryview/img/photos/bp4.jpg" alt="Noni Nectar For Green Gecko" /> <li><img src="http://www.spaceforaname.com/galleryview/img/photos/bp7.jpg" alt="Flight of an Eagle Owl" /> <li><img src="http://www.spaceforaname.com/galleryview/img/photos/bp14.jpg" alt="Winter Lollipops" /> <li><img src="http://www.spaceforaname.com/galleryview/img/photos/bp26.jpg" alt="Day of Youth" /> <li><img src="http://www.spaceforaname.com/galleryview/img/photos/bp27.jpg" alt="Sunbathing Underwater" /> <li><img src="http://www.spaceforaname.com/galleryview/img/photos/bp28.jpg" alt="Untitled" /> <li><img src="http://www.spaceforaname.com/galleryview/img/photos/bp41.jpg" alt="New Orleans Streetcar" /> <li><img src="http://www.spaceforaname.com/galleryview/img/photos/bp49.jpg" alt="By The Wind of Chance" /> <li><img src="http://www.spaceforaname.com/galleryview/img/photos/bp52.jpg" alt="Fishing on the Cloud" /> <li><img src="http://www.spaceforaname.com/galleryview/img/photos/bp53.jpg" alt="Blue Lagoon" /> <li><img src="http://www.spaceforaname.com/galleryview/img/photos/bp54.jpg" alt="Time" /> </ul> <p>Please view the source of this page if you are having difficulties setting up GalleryView.</p> </body> </html>
- 締切済み
- JavaScript
- たすけて！ｊQueryがさっぱりわかりません！
Dreamweaverでサイトを制作しています。 ｊQueryは何をどこにダウンロードして何をどこにうちこめばいいのか？ さっぱりわかりません…。 http://jquery.com/からなにかをダウンロードするということはわかるのですが…。いろいろありすぎて何をダウンロードすればいいのか…。 しかもダウンロードしたファイルはどこに保存してどうやってhtmlとむすびつけるのか。 タグはhtmlのどこに書けばいいのか、くわしく赤ちゃんに説明するつもりで教えていただけると助かります。 ちなみに（http://toddmotto.com/introducing-superbox-the-reimagined-lightbox-gallery/）を使いたいのです。 サイトを見たのですがこのコードはどこにいれたらいいのかさっぱりわかりません。 head内なのかbodyなのかはたまた別でcssを作るのか？ 【質問まとめ】 ・（http://toddmotto.com/introducing-superbox-the-reimagined-lightbox-gallery/）のギャラリーをつかいたいが取り込み方がわからない。 ・上記URLからのダウンロード以外で（http://jquery.com/）からのダウンロードは必要なのか？ ・ダウンロードしたものはファイルのどこにいれたらいいのか。 ・どうすれば現在つくっているhtmlにｊｓをむすびつけられるのか？ ・head、bodyそれぞれになにをいれたらいいのか？ ・ともかくなにをどこにいれたらいいのかさっぱりわかりません。 ・こういうものは$(function(){})どこにいれたらいいのか、これはなんなのか？ 質問が多くてすみません。どうかよろしくお願いします。
- 締切済み
- JavaScript
- jQuery GalleryViewスライドショー
http://spaceforaname.com/gallery-customized.html このスライドショーを使いたくて色々と試していますが（ローカル環境・IE8） １） オーバーレイ部分に表示されるテキストの位置、大きさの設定方法が分かりません。 ２） カーソルを画像に持っていった時にスライドショーがストップするハズなのですが止まりません。 ３） 画面上部の矢印ボタン（←・→・↓）が表示されません。 ４） JSに色々なバージョンがあり、どの組み合わせが最適なのか分かりません。 XP-Pro SP3,Dreamweaver8で製作しております。 どなたかお助けください。
- ベストアンサー
- JavaScript
- jQueryを使ったフォトギャラリーが、Firefoxで動きません。
jQueryを使ったフォトギャラリーが、Firefoxで動きません。 下記のサイトは、jQueryを使って複数の写真を見やすくしたページです。 ただ、Firefox3（正確には3.5.9）で見ると、IEのように動きません。 http://coffeescripter.com/code/ad-gallery/ エラーコンソールを見ても原因が不明です。 できれば動くようにカスタマイズしたいのですが、何が問題なのでしょうか。
- ベストアンサー
- JavaScript
- 同HTML内で複数のjQueryを設置する方法
複数のjQueryを使用し、 タブメニュータイプのものと自動スライドショータイプのを 同じHTML内にいれようとしていますが、 片方のみしか作動しません。 色々と探した結果、複数使う場合はちゃんとした記述方法があるということがわかったのですが、その方法が詳しくわかりません。 http://stacktrace.jp/jquery/with_other_lib.html こちらのサイトでは意味がわからず・・・ 使用しているものは以下です。 ---------------------------------------- <script type="text/javascript" src="js3/accordian.pack.js"></script> <script type="text/javascript" src="js2/jquery-1.3.2.min.js"></script> <script type="text/javascript" src="js2/jquery.galleryview-1.1.js"></script> <script type="text/javascript" src="js2/jquery.timers-1.1.2.js"></script> <script type="text/javascript" src="js2/jquery.easing.1.3.js"></script> <script type="text/javascript"> $(document).ready(function(){ $('#photos').galleryView({ filmstrip_size: 6, frame_width: 145, frame_height: 160, background_color: 'transparent', nav_theme: 'dark', border: 'none', show_captions:true, caption_text_color: 'black' }); }); </script> ---------------------------------------- タブメニューがaccordian.pack.js、 その下のすべてがスライドショーのものです。 スライドショーはこちらを参考にしてつくりました。 http://spaceforaname.com/filmstrip.html 本当に困っております。 どうかご回答お願い致します。
- ベストアンサー
- JavaScript
お礼
yyr446様 最初からうまく作動しないと書かれてあったんですね・・・ お恥ずかしい限りです。 お忙しい中確認して頂き本当に助かりました。 本当にありがとうございます。