問題タブ [lightbox2]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
javascript - Lightbox2、追加のテキスト リンクが原因でカウントが間違っていますか?
私はかなり標準的な実装でLightbox2rel="lightbox[gallery]"
を使用しています: シリーズの画像 (すべて) をクリックすると、Lighbox で開き、次/前の矢印がシリーズの次と前の画像を指しています。また、最初の画像を指し、ギャラリーを開くテキスト リンクもあります (これもrel="lightbox[gallery]"
)。
問題は、何らかの理由で、そのテキスト リンクがシリーズの画像としてカウントされていることです。そのため、6 つの画像ギャラリーが読み込まれると、7 つの画像があると主張されます (最初の画像は 2 回カウントされます)。さらに、7 枚中 2 枚目の画像に読み込まれ、最初の画像はスキップされます (これは複製です)。
そのテキスト リンクを削除すれば、すべて問題ありません。しかし、もちろん、私はできません。では、私のオプションは何ですか?JavaScript を使用してライトボックスを開始できますか (そのため、リンクはギャラリー内の画像としてカウントされません)? とにかく、コード:
jquery - ライトボックス 2 をページの中央に揃えるには?
ギャラリーの仕事をしています。ライトボックス ギャラリーが画面の中央よりも少し上に来ることを除いて、すべてが正常に機能します。
ライトボックスのソース: http://lokeshdhakar.com/projects/lightbox2/
オーバーレイを画面の中央に動的に配置する必要がありますが、何らかの理由で私の場合はそうしていません。コードをデバッグすると、メインのライトボックス コンテナーのプロパティが次のように表示されます。
2 番目の質問: 現在、写真のタイトルのみが表示されているため、ライトボックスに写真の説明を追加するにはどうすればよいですか。実際には、写真の説明と日付を追加する必要があります。
より明確にするために、スクリーンショットを追加して、画面上でどのように見えるかを示しています。
![ここに画像の説明を入力][1]
このスクリーン ショットから、ライトボックスが上から 75 ピクセルで始まることが明らかです。これにより、画像が画面の中央に垂直に配置されません。
javascript - Lightbox2 を使用してビデオを表示する
サイト: http://blieque.comli.com/motion
始める前に、動画を表示するための Lightbox2 (Lokesh Dhakar の) に代わる多くの方法があることを知っていますが、HTTP 要求も最小限に抑えたいので、MooTools と JQuery を既に使用している 3 つの異なる JavaScript の使用を避けたいと思います。ディスク使用量として。
来て、Lightbox2 はビデオを完全にサポートしていません。しかし、JavaScript は基本的に 's 属性の内容を取得し、ライト ボックスが開いているときに 's 属性に配置していることにa
気付きましたhref
。私が見る限り、これを(完了) に変更し、アンカー タグを に設定すると、その YouTube ビデオを含む が生成されます ( に置き換えると、ビデオのフルスクリーン バージョンが表示されます。img
src
img
iframe
href
youtube.com/embed/*video-id*
iframe
watch?id=
embed/
次に、デフォルトの上に、幅、高さ、およびフレーム境界属性の JavaScript も追加しましたclass="lb-image"
。ページが読み込まれ、ライトボックスが呼び出されると、空のウィンドウが作成されます。コードを調べると、すべての属性がそこにあることがわかりますが、フレーム フレーム内のページは読み込まれておらず、空のhead
andbody
タグが作成されているだけです。
それがサーバーの問題なのかコードの問題なのか、もしそうなら、それを修正する方法を考えていました. それを機能させる方法があれば?
ありがとう
注: 私は Drupal を使用していないため、このlightvideo
オプションは利用できません。
jquery - lightbox2をレスポンシブにする方法
私はここを見ました:http://drupal.org/node/1630630が、これはDrupalサイト専用です。通常のlightbox2ライブラリを微調整して応答性を高め、小さなモバイル画面に表示する方法を知っている人はいますか?
「レスポンシブ」とは、画面サイズに応じて画像が表示されることを意味します。現在、サイズは常に同じで、小さな画面ではスクロールする必要があります。
javascript - lightbox2 ブランク
私はlightbox2でプロジェクトに取り組んでいます。残念ながら、写真をクリックしてライトボックスにロードしようとするたびに、ボックスは空白のままになります。
リクエストを確認しました.Instagramから画像が正しく読み込まれます.
私のプロジェクト:
これは私のリクエストのコードです:
これを修正する方法はありますか?どうもありがとう!
apache - ライトボックスはサーバーApacheでは機能しません
問題が発生しています。lightbox2を使用して画像を表示していますが、ローカルマシンではすべて正常に動作します。ただし、サーバーにアップロードするとすぐに機能しません。私のサーバーはApacheを使用しています
誰かこれに出くわしますか?
FirefoxでFirebugを使用すると、次のエラーが表示されます。
ありがとう :)
wordpress - LightBox2 生成エラー
サイト: http://www.onlinetestspace.com/project45/before-after
lightBox の指示http://leandrovieira.com/projects/jquery/lightbox/に従いましたが、chrome でエラーが表示されます。
キャッチされていない TypeError: オブジェクト # にはメソッド 'lightBox' がありません。
誰か助けてくれませんか?
drupal-6 - drupal の lightbox2 にページのコンテンツのみを表示する
drupal を使用しています。ページのコンテンツを lightbox2 に表示する必要があります (ヘッダー、フッター、メニューバー、サイドバーなどではないコンテンツのみ)。そのコンテンツ ノードの URL はhttp://mysite.com/node/1です。 . lightbox2 モジュールを含め、以下のコードを使用しました
しかし、ライトボックスにはコンテンツだけでなくページ全体が表示されます。テキストコンテンツだけが必要です。
wordpress - ワードプレス用のライトボックスズーム
このページにあるものと同様に、ライトボックスのズームオプションをインストールする必要があります
http://www.bustler.net/index.php/article/unicorn_memorial_park_by_haeahn_architecture/ (画像をクリックすると拡大します-ズームオプションは左上にあります)
このZOOMプラグインの名前がわかりません。誰か助けてくれませんか?
caption - rhinosliderのキャプションをlightbox2と組み合わせて表示するにはどうすればよいですか?
私は完全に機能するサイスライダーとライトボックス2を持っています。画像はスライドしますが、クリックすると素敵なライトボックス2がポップアップします。ただし、他のリンクがその上にある場合、何らかの理由でスライダーのキャプションが表示されません。
私のコード:
キャプションが表示されない理由を誰かが知っていますか?そして、この問題の解決策はありますか?
http://rhinoslider.com/
http://lokeshdhakar.com/projects/lightbox2/