- ベストアンサー
「jQuery GalleryView - by Jack Ander
「jQuery GalleryView - by Jack Anderson」を使ってみたいのですが、IE8で見た場合、画面が切り替わる際、文字部分が潰れてしまうのが、気になってます。修正する方法がもしあれば、誰か教えてください。 ▼jQuery GalleryView - by Jack Anderson http://spaceforaname.com/gallery-light.html
- re999
- お礼率61% (476/777)
- JavaScript
- 回答数1
- ありがとう数7
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
ちなみに、同じ質問が前にも出てました。↓ http://okwave.jp/qa/q5901768.html 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
関連するQ&A
- jqueryについて質問させて下さい。
jqueryについて質問させて下さい。 galleryviewというjqueryをサイトに入れたいと思っています。 ↓こちらのサイトです。 http://www.spaceforaname.com/jquery/galleryview/gallery-light.html こちらですが、IEでみるとスライドが変わる際に説明文が前のものと次のものとが重なってしまって困っています。 重ならないようにするにはどのように設定すればよろしいでしょうか？ jquery初心者のため、ほとんど知識がありません。教えて頂ければ大変ありがたいです。 どうぞよろしくお願い致します。
- ベストアンサー
- 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
- 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
- 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
- 複数の自動スライドショー(jQuery)の設置方法
前回の質問の http://okwave.jp/qa/q6602248.html の続きです。 今１つだけ設置している自動スライドショーを、 ２つ、３つと同HTML内に増やしていきたいのですが、参考にした http://spaceforaname.com/filmstrip.html こちらのサイトをみて $('#photos').galleryView({ の部分や他にも共通するjs内の部分の名前を $('#photos').galleryView2({ などに変更してみたのですが、いっこうに動いてくれません。 どのようにしたらこの自動スライドショーを複数設置することができるのでしょうか？ この自動スライドショー以外に似たようなものを探しましたが、 リンクができ、尚かつ各々の写真の下に文章を入れることができるという形の物が見つからず・・・。 非常に困っております。 どうかご回答お願い致します。
- ベストアンサー
- JavaScript
- JQueryでのAJAXで困ってます
最近AJAXを勉強しようと思い、JQueryに手を出しました。 JQueryで画面遷移無しでdivで作ったメニューを選択して内容を指定したdivに表示させようと思っているのですが、 JQueryでのloadの動作がブラウザの違いで異なる動きをするので困ってます。 IEでは内容が表示されて、新しく表示した部分のJavaScriptが正しく動くのでいいのですが、 Firefox、Operaでは新しく表示した部分のJavaScriptが動作しません。 Chromeでは新しく表示した部分のCSSでさえ適用されません。 IE以外でも正しく動作させるにはどうしたらいいでしょうか？ ご回答、よろしくお願いします。
- ベストアンサー
- AJAX
- jQueryアコーディオンについて
どなたかご教授頂けると嬉しいです。 http://coliss.com/articles/build-websites/operation/javascript/jquery-plugin-easy-accordion.html 上記のjQueryがクロスブラウザ対応と書いてありましたので使用したのですが、設置後にOperaやIE8（9？）で表示がおかしくなることに気づき困っています。 画像と文字が横にならない＋リンクに触れるようにする方法はありませんでしょうか… 宜しくお願いします、
- ベストアンサー
- 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
