- ベストアンサー
ページ横スクロールでjQuery lightBox
横に長いwebページを作っています。 ページの途中でjQuery lightBox plugin （http://leandrovieira.com/projects/jquery/lightbox/） を使って拡大画像を表示させたいのですが、 サムネイルをクリックすると、ページのはじめの方に拡大画像が表示されてしまいます。（拡大時の背景のオーバーレイもずれている） これを、サムネイルのあるページ上に表示させるようにしたいのですが、javascriptがよくわからないので、どのように修正したらよいか教えていただけないでしょうか。
- osushi88
- お礼率50% (2/4)
- JavaScript
- 回答数1
- ありがとう数1
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
thickbox.jsだと横スクロールでもうまくいったよ。 lightbox.jsはjavascriptを書き換えないと実現できません。 しかも結構大変。
関連するQ&A
- 「jQuery」Lightboxのアニメーションを無くしたい
フォトギャラリーのホームページを作っています。 サムネイルをクリックしたら、ページ上で写真が拡大表示され、 拡大写真の以外の部分がグレーになるような演出をしたく思っています。 つまりjQueryのLightboxのようにしたいのですが、 Lightboxの「写真を表示するごとに、画像幅に合わせて枠が広がり、 最後にクローズボタン部分が表示される」というアニメーションを無くしたいと思っています。 （シンプルに拡大画像がでてくるのみ、にしたい） このようなことは設定で可能でしょうか？ ちなみに「Lightbox」では無く、「ThickBox」というものを使ってみたのですが、 これが理想の動きではあるものの、IE６ですと画像を開いたときに背景のページが 少しずれる、という不具合があります。 Lightboxの設定や他のライブラリ等ご存知でしたら教えていただけないでしょうか？ 知識不足のため、説明が拙くすみません。。。 どうぞ宜しくお願いもうしあげます。
- ベストアンサー
- JavaScript
- lightbox2で横スクロールすると不具合
初めて質問させていただきます。 ホームページにlightbox2(ver.2.04)を使用しています。 サムネイルを横に並べて、スクロールする形にしたところ、 スクロールした先のサムネイルをクリックすると オーバーレイがページ全体にかかりません。 どこをどのように編集すればスクロールしても問題なく ページ全体にオーバーレイがかかるのか、教えてください。 お願いします。
- ベストアンサー
- JavaScript
- 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
- 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
- LightBoxなどで画像サイズが指定したい
PHPでコードを書いています。 画像をクリックすると、拡大表示されるようにしたいのでLightBox(JQuery版）で作りました。 ↓↓↓これ http://leandrovieira.com/projects/jquery/lightbox/ しかし、画像サイズが1MBを超えると画像の表示サイズが大きすぎて、 スクロールバーが出ます。 画像サイズをWindowサイズくらいにしたいのですが、 拡大表示される画像サイズをカスタマイズ出来るライブラリはないでしょういか。 そもそもの画像サイズを小さくするという方法もありますが、 今回はそれは抜きにして考えています。 LightBoxでなくてもいいのですが、他の名前がわからなくて、調べきれませんでした。
- ベストアンサー
- JavaScript
- lightboxがなぜ嫌われるか
はじめまして。 自分はデザイン系の学生で、ポートフォリオサイトを持っています。このたび作品紹介のページのデザインを更新するにあたって、lightboxの導入を考えています。 ちなみに使用を考えているサンプルスクリプトは以下です。 http://www.dolem.com/lytebox/ しかし、ネット上で調べてみると「lightboxを多用してるのが嫌でページ訪問をやめた」など、lightboxを嫌ってる人がある程度いるようです。雰囲気としてはFlashのみで構築されたページ（しかもページ移動などが考慮されていない）を毛嫌いするのと同じように自分は感じたのですが、どうしてlightboxが嫌がられるのかいまいちわかりません。 自分は今までlightboxを使ったサイトを見てきましたが、特にストレスを感じたことも無いのです（とはいえ、プロがデザインしたものがほとんどですが）。 なぜ自分がLightboxを使うかというと、作品写真のサムネイルを並べ、それをLightboxで表示する、という方法を使いたいからです。サムネイルはページに１０枚以内。サムネイルページには極力少ない文字情報でプロジェクト等の情報を掲載し、あとはスライドショー形式でLightboxを使いたいのです。レイアウト上、サムネイルとメイン画像を同時に表示するスペースは確保しずらいです。なので別窓ではないけどオーバーレイで元のレイアウトを無視して大きく画像を表示できるLightboxは適当な解決策なのです。 ちなみにページレイアウトは、[TOP]-[作品一覧]-[個々の作品のサムネイル] となる予定です。 lightboxが嫌われる理由、ご存知の方教えていただけますでしょうか。
- ベストアンサー
- その他（カメラ・ビデオカメラ）
- jQueryのlightBox？もしくはFaceBoxに詳しい方教えて
jQueryのlightBox？もしくはFaceBoxに詳しい方教えてください。 あのあたりのものはオーバーレイ表示といえばよいでしょうか？ このような動きができるプラグインの表示位置を真ん中ではなく指定した位置に表示させることはできませんでしょうか？ また、オーバーレイ表示させたものを自由に動かすことができるプラグインはありませんでしょうか？
- ベストアンサー
- JavaScript
- jquery lightboxが作動しません
ホームページビルダー14で、趣味のホームページを作っています。 jquery lightbox0.5を下記サイトからダウンロードし、アップロードしてＨＴＭＬを組み込みました。 ダウンロードしたjquery lightbox0.5のサイトＵＲＬ http://www.css-lecture.com/log/javascript/012.html ホームページビルダー上の確認画面、及び、ローカル画面では、スムーズに作動するのですが、 サイト上にアップすると、上手くいきません。 サイトの背景は暗くなり、白い拡大画面は立ち上がるのですが、その白い画面の真ん中に×印がついていて、写真が掲載されません。 ホームページ作りは初心者なので、行き詰ってしまっています。 どなたかお解りの方、教えて頂けると幸いです。 お手数をおかけいたしますが、よろしくお願いいたします。
- ベストアンサー
- HTML
- LightBoxの種類
PHP初心者です。 CakePHPで画像をクリックしたら大きな画像にしたくて、 いろいろ調べていると、LightBoxというもので出来ることがわかりました。 しかし、LightBoxにはいろいろ種類があるみたいで、 どれを使えばいいのかわかりません。 結局どれでも出来るのでしょうか。 同じ名前でたくさん存在するのは、有志でいろんな人が同じ機能をもつライブラリを作っているからなのでしょうか。 特に気になったのが、JQuery版とそうでないものです。 これが通常版？ http://www.huddletogether.com/projects/lightbox/ これがjQuery版？ http://leandrovieira.com/projects/jquery/lightbox/ 今回聞きたいのは、コーディング方法ではなくて、種類？についてです。 よろしくお願いします。
- 締切済み
- PHP
- Lightboxとjqueryについて
零細企業で素人WEB担当をやっております。 Lightboxとjqueryの設置でアドバイスを頂きたく投稿させて頂きました。 よろしくお願い致します。 最近の流れをうけてソーシャルボタンを設置しようかと思い、下記URLの方法が簡単でしたので設置してみたところです。ソーシャルボタンは簡単に設置出来ましたが従来使用していたLightboxが動作しなくなってしまいました。 当然なのでしょうが、ソーシャルボタン用に記述したjava scriptの読み込み部分を削除するとLightboxは動作するようになります。同時に設置出来ない場合には地道に1ページずつでもボタンを設置していこうかとも考えておりますが効率が悪いので躊躇しております。 知識があれば簡単な事なのではないかと思いご相談させて頂きました。 何卒よろしくお願い致しますm(_ _)m ○ソーシャルボタンの設置方法 http://itra.jp/jquery_socialbutton_plugin/
- ベストアンサー
- レンタルサーバ・ASP
お礼
結局、横スクロールをあきらめてしまいました。 次の機会があればthickbox.jsで試してみたいと思います。 回答ありがとうございました。