問題タブ [lightbox]

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.

0 投票する
1 に答える
4408 参照

php - ColorBox が Internet Explorer に表示されないのはなぜですか?

カレンダーにイベントの詳細を表示するために ColorBox を使用しています。閲覧アドレスはhttp://www.idea-palette.com/greatoppseventcal/calendar6.phpです。

Firefox では、ユーザーがイベントのある日をクリックすると、ライトボックスが開き、データベースからのイベント情報が表示されます。

Internet Explorer で、ユーザーがイベントのある日をクリックすると、カレンダーが押し下げられ、カレンダーの上に大きな白い空白の領域が表示されます。空の領域をクリックすると、カレンダーが押し戻され、クリックして閉じるまでライトボックスがカレンダーの上に表示されます。


jQuery は次のとおりです。

クリックされているボタンと表示されている div のコードは次のとおりです。

Firefoxで完全に機能するため、どうすればよいかわかりません。誰でも私を助けることができますか?

0 投票する
3 に答える
2440 参照

jquery - Lightboxjsはページ全体と中央にオーバーレイします

現在、クライアントのギャラリーをやり直しています。

www.stagecraft.co.uk/gallery.html

しかし、オーバーレイで問題が発生しています。新しい画像として表示されているdivの中央と上部(前面に表示)にあると、クライアントから取得したときに、はるかに大きくなります。

どんなアイデアでも大歓迎です。または、私がまだ見つけていない、より良いライトボックスjqueryプラグインがありますか。

前もって感謝します

Stu

0 投票する
5 に答える
58666 参照

javascript - jqueryライトボックスで1つのリンクから複数の画像を開く方法は?

ColorBoxjQuery Lightbox Pluginなどのライトボックスを使用して、ギャラリーや画像の配列を開く単一のリンクを作成するにはどうすればよいですか?

たとえば、サムネイルが1つあり、ユーザーがそれをクリックすると、ライトボックスに複数の画像が開き、ユーザーが次または前をクリックしてそのギャラリー内のすべての画像を表示できるようになります。

私の考えでは、通常の 1 つのリンクから 1 つの画像へのリンクとしてそれを行い、jquery を使用して最初のリンク以外をすべて非表示にします。もっと良い方法があるはずですか?

ありがとう。

0 投票する
2 に答える
1566 参照

javascript - Apple のギャラリー オーバーレイ ライトボックス

Apple の MacBook Pro Web サイトのライトボックスに非常に近い機能を探してい ます(ライトボックスは自動的に開きます)。

サムネイル スライダーとテキスト領域が本当に必要です。必要に応じて改造するスキルがあるので、レイアウトは異なる場合がありますが、ゼロから構築する時間がありません。

依存ライブラリを優先しません。

0 投票する
2 に答える
814 参照

javascript - このjQueryコードがFirefoxでのみ機能するのはなぜですか?

ライトボックスでフルサイズになっている画像間を前後にスクロールできるコードがあります。キーが押されたときに画像のソースを置き換えるだけです。Firefoxでは完全に機能しますが、IE、Chrome、Safari(私がテストした他の唯一のブラウザ)では何も機能しないようです。

どんな助けでも大歓迎です!

0 投票する
1 に答える
1546 参照

javascript - 埋め込み可能な JavaScript ウィジェットのライトボックス? UserVoice/GetSatisfaction の Like Feedback タブ

選択できるライトボックスが非常に多いため、さまざまな Web サイトで使用される埋め込み JavaScript ウィジェットで使用する非常に軽量なものを探しています。これは、GetSatisfaction/UserVoice フィードバック タブと同様に機能します。

ライトボックスの要件は次のとおりです。

  • 非常に小さな JavaScript ダウンロード (アニメーションは必要ありません)
  • 自己完結型で、jquery などのライブラリに依存しません。
  • 主要なブラウザで動作
  • ライトボックスは、指定された URL からの HTML コンテンツを表示します
  • 閉じるボタン (GetSatisfaction や UserVoice など)
  • 背景を薄暗くする
  • JavaScript 名前空間の競合を回避します (または、競合を回避するために簡単に作成できます)
  • ライトボックスの CSS スタイルは、サイトのスタイルを妨げません

同じ目的で、同様の要件を持つ既存のライトボックス スクリプトを使用したことがありますか? 自分で巻きましたか?インサイト歓迎!

ありがとう、

エリオット

0 投票する
1 に答える
4321 参照

asp.net-mvc - ASP.NET MVC ログイン モーダル ダイアログ/ライトボックス

asp.net mvcで構築された私のWebサイトにログインするためのライトボックス/モーダルダイアログを作成したいと思っていました。ただし、私が考えることができる唯一の方法は、制限されたセクションにリンクするときに、ハイパーリンクの onClick イベントにロジックを入れることです。承認アクション フィルターを引き続き使用できるようにしたいと思います。承認が必要なアクション メソッドへのリンクをクリックすると、実際のリンクに進む前にライトボックス/モーダル ダイアログが表示されます。この理由は、リンクのイベントを配置するために覚えておく必要があるという繰り返しのタスクを実行したくないからです。

私が考えることができるこれを実装する唯一の方法は、サーバーからクライアントへの ajax プッシュ/コメットを実行して、コントローラーが続行する前に認証フィルターでボックスを表示することです。また、asp.net mvc で ajax プッシュ/コメットを実行するドキュメントもあまりありません。

もっと簡単な方法はありますか?

Digg のログイン ウィンドウがその例です。

0 投票する
1 に答える
1552 参照

php - ライトボックスがAjax.Updaterdiv(プロトタイプ)で機能しない

呼び出しを使用してAjax.Updater、divに単一の賃貸物件の情報を作成しています。すべてのレンタルリストのドロップダウンメニューから開始し、ユーザーがリストを選択するまでdivは非表示になります。選択すると、javascript効果が表示され、アップデーターが実行されます。

phpファイルは、データベースにクエリを実行するアップデーターから呼び出され、すべての情報(説明、機能、画像)を生成して単一の変数にレイアウトし、エコーしてデータを表示します。

画像をクリックしてライトボックスに表示できるようにしたいのですが、機能しません。さらに、ライトボックスはサイトの残りの部分で機能します。

I am using Smarty Templates, adding another layer to the mix, which contains the links to the css and js files. I can style the content echoed from the php file, and lightbox works on the rest of the page just not with the ajax content.

0 投票する
4 に答える
1874 参照

jquery - jQuery 用の最もカスタマイズ可能な Lightbox プラグインは?

最小限の機能を備えた単純な jQuery Lightbox プラグインを探しています。

  • Ajax / Inline / Images をサポートする必要があります
  • 閉じるボタンが必要です。
  • 簡単にカスタマイズできる必要があります (CSS に関して)。たくさんのプラグインを試しましたが、それらには不要なスタイリングがたくさんあります。
  • 右上隅に閉じるボタンが必要です。
  • jQuery プラグインである必要があります。

自分で書くこともできますが、今は少し時間に追われています。助言がありますか?