- ベストアンサー
LightBoxで画像クリック時のリンク線の問題について
- LightBox系のスクリプトを使用して複数枚の画像をギャラリーとして扱い、画像クリックで次の画像に移動する設定の場合、画像クリック時にリンク線が表示される現象が発生しています。
- IE8でこの現象が発生するかどうかは確認できていませんが、公式のExampleでも同じ現象が確認されています。
- この問題を解決するための対処法は特に記載されていないため、現在のところ解決策は不明です。
- みんなの回答 (2)
- 専門家の回答
関連するQ&A
- LightBoxの種類
PHP初心者です。 CakePHPで画像をクリックしたら大きな画像にしたくて、 いろいろ調べていると、LightBoxというもので出来ることがわかりました。 しかし、LightBoxにはいろいろ種類があるみたいで、 どれを使えばいいのかわかりません。 結局どれでも出来るのでしょうか。 同じ名前でたくさん存在するのは、有志でいろんな人が同じ機能をもつライブラリを作っているからなのでしょうか。 特に気になったのが、JQuery版とそうでないものです。 これが通常版? http://www.huddletogether.com/projects/lightbox/ これがjQuery版? http://leandrovieira.com/projects/jquery/lightbox/ 今回聞きたいのは、コーディング方法ではなくて、種類?についてです。 よろしくお願いします。
- 締切済み
- PHP
- jQuery版のlightbox.jsのカスタマイズについて質問です。
jQuery版のlightbox.jsのカスタマイズについて質問です。 やりたいことは下記の2点です。 1.「prev」や「next」をhover時ではなく絶えず出ているようにする。 2.任意でグルーピングをする。 使用したjQuery版lightbox.jsは下記のサイトからダウンロードしました。 jQuery lightBox plugin http://leandrovieira.com/projects/jquery/lightbox/ JavaScriptに詳しい方、方法をご存じの方がいらっしゃいましたら 教えていただきたいです。 よろしくお願いいたします。
- ベストアンサー
- JavaScript
- Lightboxのグループをループさせる。
Lightbox 2を使用しているのですが、 グループに指定した画像をループさせることは可能でしょうか。 http://lokeshdhakar.com/projects/lightbox2/ 1つめの画像の「prev」をクリックで、最後の画像を表示、 最後の画像の「next」をクリックで1つ目の画像を表示させたいです。 javascriptは書かれていることはだいたいわかるのですが、 新規に自分で何かを作ったりカスタマイズしたりするほどの知識がありませんので、 具体的に教えて頂けると有難いです。 お手数ですが、ご存知の方宜しくお願いします。
- ベストアンサー
- JavaScript
- LightBoxなどで画像サイズが指定したい
PHPでコードを書いています。 画像をクリックすると、拡大表示されるようにしたいのでLightBox(JQuery版)で作りました。 ↓↓↓これ http://leandrovieira.com/projects/jquery/lightbox/ しかし、画像サイズが1MBを超えると画像の表示サイズが大きすぎて、 スクロールバーが出ます。 画像サイズをWindowサイズくらいにしたいのですが、 拡大表示される画像サイズをカスタマイズ出来るライブラリはないでしょういか。 そもそもの画像サイズを小さくするという方法もありますが、 今回はそれは抜きにして考えています。 LightBoxでなくてもいいのですが、他の名前がわからなくて、調べきれませんでした。
- ベストアンサー
- JavaScript
- map とlightbox
以下のようにグーグルマップのように地図上のマークをクリックするとlightboxで画像がでるように したんですが機能しません。この組み合わせはだめなのでしょうか? 或いは他の方法があるんでしょうか? 出来ればマークを触れると画像がポップアップする方がいいのですが。 <script type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript" src="js/jquery.lightbox-0.5.js"></script> <link rel="stylesheet" type="text/css" href="css/jquery.lightbox-0.5.css" media="screen" /> <script type="text/javascript"> $(function() { $('#gallery a').lightBox(); }); </script> <div><img src="images/map.png" alt="" usemap="#map" border="0"/></div> <div id="gallery"> <map name="map"> <area href="images/jtb.jpg" title="Utilize a flexibilidade dos seletores da jQuery e crie um grupo de imagens como desejar. $('#gallery a').lightBox();" target="_blank" shape="rect" coords="193,399,245,423" /> </map> </div>
- ベストアンサー
- JavaScript
- ページ横スクロールでjQuery lightBox
横に長いwebページを作っています。 ページの途中でjQuery lightBox plugin (http://leandrovieira.com/projects/jquery/lightbox/) を使って拡大画像を表示させたいのですが、 サムネイルをクリックすると、ページのはじめの方に拡大画像が表示されてしまいます。(拡大時の背景のオーバーレイもずれている) これを、サムネイルのあるページ上に表示させるようにしたいのですが、javascriptがよくわからないので、どのように修正したらよいか教えていただけないでしょうか。
- ベストアンサー
- JavaScript
- lightboxの拡大された写真にリンクを張りたい
lightboxを探しているのですが 拡大されたときに写真の下に別ページへ飛ぶよう リンクを張りたいです。 リンクは写真ごとに個々のページへ飛ばしたいと考えています。 そのような機能つきのlightboxを検索したのですが見つけることができず 質問させていただくにいたりました。 また現在下記lightboxを使用していますので http://leandrovieira.com/projects/jquery/lightbox/ こちらを改造する形でもかまいません。 お心当たりの方がいらっしゃいましたら ご教示願います。
- ベストアンサー
- JavaScript
- jQuery版のlightbox.jsについての質問です。
jQuery版のlightbox.jsについての質問です。 配布元:http://leandrovieira.com/projects/jquery/lightbox/ お客さまから、1つの画像から複数の拡大画像にリンクさせたいという要望があって困っています。 a要素に「lightbox」というclassが指定されているとlightboxが動くようになっており、 お客様の方で下記のソースコードで一応実現できているようなのですが バリデータでエラーがあるのでもっと良いやり方はないか、というご要望です。 <a href="拡大画像1" class="lightox"><img src="縮小画像1"></a> <a href="拡大画像2" class="lightox"></a> <a href="拡大画像3" class="lightox"></a> 上記のソースで、縮小画像1をクリックすると拡大画像1に「next」が付いて次の拡大画像も表示出来るようになりますが、1つ目以外のa要素が当然空になるので文法上よくない状態です。 文法もおかしくなく、1つの縮小画像から複数の拡大画像を表示していくことは可能でしょうか。 JavaScriptに詳しい方、方法をご存じの方がいらっしゃいましたら、教えていただけるとありがたいです。 よろしくお願いいたします。
- 締切済み
- JavaScript
- jQery lightboxをmapタグ内で使うに
jQery lightboxをmapタグ内で使う事は出来るでしょうか。 meta内は、 <script src="/jquery/lightbox/jquery.lightbox-0.5.js" type="text/javascript"></script> <script src="/jquery/lightbox/jquery.lightbox-0.5.min.js" type="text/javascript"></script> <script src="/jquery/lightbox/jquery.lightbox-0.5.pack.js" type="text/javascript"></script> <link href="/jquery/lightbox/css/jquery.lightbox-0.5.css" rel="stylesheet" type="text/css" media="all" /> として、以下のようなhtmlを記述したのですが 動きませんでした。 問題点はどこにあるのでしょうか。 ご教授いただけますと幸いです。 <div id="gallery"> <map name="Map" id="Map"> <area rel="lightbox" href="/aaa.jpg" $('#gallery a').lightBox();" target="_blank" shape="rect" coords="77,266,98,286" /> <area shape="rect" coords="121,299,138,317" href="#" /> <area shape="rect" coords="149,305,171,325" href="#" /> </map> </div>
- ベストアンサー
- 画像・動画・音楽編集
- 「jQuery」Lightboxのアニメーションを無くしたい
フォトギャラリーのホームページを作っています。 サムネイルをクリックしたら、ページ上で写真が拡大表示され、 拡大写真の以外の部分がグレーになるような演出をしたく思っています。 つまりjQueryのLightboxのようにしたいのですが、 Lightboxの「写真を表示するごとに、画像幅に合わせて枠が広がり、 最後にクローズボタン部分が表示される」というアニメーションを無くしたいと思っています。 (シンプルに拡大画像がでてくるのみ、にしたい) このようなことは設定で可能でしょうか? ちなみに「Lightbox」では無く、「ThickBox」というものを使ってみたのですが、 これが理想の動きではあるものの、IE6ですと画像を開いたときに背景のページが 少しずれる、という不具合があります。 Lightboxの設定や他のライブラリ等ご存知でしたら教えていただけないでしょうか? 知識不足のため、説明が拙くすみません。。。 どうぞ宜しくお願いもうしあげます。
- ベストアンサー
- JavaScript
お礼
たびたびありがとうございます。 my様のIEだと適用されているのですね パッチの関係でしょうか。しかしながら IE6,7を考えればどちらにしろ対策が必要ですね まぁしょうもない個人サイトなのでそこまで考える必要はないのかもしれませんが・・・。 他のLB系のスクリプトで、 同じようにオンマウスクリックで次の画像に移る というタイプは枠線が出てしまうものが多く困ってしまいました。 lightviewというものはこの現象がIE8でも起こらないので使いたいのですが どうもアニメーションがもっさりに感じます。 見た目的には美しいのですが、ギャラリーとしてたくさん見たい場合 少しじれったくなってしまいます。 また画面がフェードというか光る感じが若干目に来ますね・・・