問題タブ [shadowbox]

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 投票する
2 に答える
1528 参照

php - Shadowbox jQuery を使用して div に PHP ページをロードする際の問題

私はそれを page.php と呼ぶphpページを持っています。このページでは、新しい php ページ (subpage.php) を開くためにシャドウボックス効果を使用しています。だから私は次のようなものを持っています:

そして、私が使用しているhtmlコードで:

シャドーボックスは問題なく動作し、その中に subpage.php のコンテンツが表示されます。問題は、subapage.php で click() のような jQuery コードを使用している場合、それが機能しないことです。よく理解すれば負荷に何か問題があるようなものです。おそらく、subpage.php がロードされた後、このようなことが機能しません。

誰が何が間違っているのか考えていますか?

前もって感謝します

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

php - jQuery で Shadowbox を開く前にコンテンツを読み込むことはできますか?

シャドーボックスで発生した問題について、ここで以前に投稿しました。要約すると、page.php で呼び出されたシャドウ ボックス内に subpage.php を開きたいと考えています。

問題は、shadowbox.open の後にシャドウボックスのコンテンツが読み込まれるため、subpage.php でいくつかの jQuery イベントを操作できないことです。たとえば、シャドウボックスを一度開いて、別のボックスを表示するボタンをクリックすると、シャドウボックスを閉じて再度開くまで、このことが機能しないことに気付きました。

これが解決策かどうかはわかりませんが、シャドウボックスのコンテンツを開く前にロードする方法を知っている人はいますか?

前もって感謝します

0 投票する
0 に答える
205 参照

javascript - この JavaScript コードが失敗するのはなぜですか? (IEのみ)

jqmodal、shadowbox、最新のjqueryなど、たくさんのものをロードしているページがあります。これはすべて問題なく、互いにうまく機能しているようです。

しかし、私はアニメーションにjsAnimも使用しています。これにより、IE で javascript エラー (オブジェクトはこのプロパティまたはメソッドをサポートしていません) が発生します (すべて最大 8)。shadowbox js ファイルを削除することでこれを回避できますが、それが必要です。どうすれば機能するように微調整できるか、誰にもわかりませんか?

ここで JS フィドルを作成しました

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

html - 複数の動的キャンバスの表示

複数のキャンバスを生成し、画面のさまざまな部分に配置しています。各キャンバスには、描画 (javascript を使用して作成) またはテキスト (html を使用して作成) があり、小さすぎて見えない可能性があります。ユーザーが特定のキャンバスをクリックして拡大表示できるように、Shadowboxを使用しています。

私の問題は、Shadowbox でズームインできるようにキャンバスを作成することです。これらのキャンバスは動的に描画される (描画されるものはユーザー入力に基づく) ため、イメージではありません。これを処理する最善の方法は、キャンバスに小さいサイズで表示され、Shadowbox にフルサイズで表示される一時的な画像を作成することです。

キャンバスの一時的なイメージを作成するのが最善の方法ですか? または、HTML5 や Shadowbox を使用するより良い方法はありますか? HTML5/javascript/Shadowbox での描画についてはよくわからないので、アドバイスをいただければ幸いです。

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

html -
とシャドウボックス

ページの中央に div があります (幅と高さの設定、margin:auto)。次に画像を追加すると、各画像が独自の Shadowbox を起動します。ただし、次の 2 つの問題があります。

  1. シャドーボックスは、画面全体を占める一方で、ページの右側にオフセットされています。divがないかのように中央に戻すにはどうすればよいですか?
  2. 特定の画像(すべて同じ画像または開くたびに異なる画像)でシャドウボックスを開くたびに、シャドウボックスが小さくなります。画像をdiv内に配置するまで、この問題はありませんでした。

ここで実際の動作を見ることができます。

利用可能な Firefox コンソールを使用して実行すると、(おそらく画像の) 高さと幅のフェッチに関する多くの警告が表示されます。それは問題を部分的に説明していますが、解決策はわかりません。

ソース:

価値があるのは、CSS:

これら2つの問題を解決する方法について考えていますか?

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

javascript - Shadowbox がスライダー ギャラリー内のリンクに登録されない

http://www.canadiandreamhouses.ca/listings/viewlisting?id=58

使用して

シャドーボックスにロードされるはずの画像が登録されず、新しいウィンドウで開くという問題があります。動くスライダー ギャラリーの下の画像は正常に開きます。下の画像の 1 つを開くと、他の画像がギャラリーに含まれています。動画からギャラリーを開けないだけです。

2 つのスクリプトの間に競合があると思われますが、見つかりません。さまざまな読み込み順序と方法を試しましたが、うまくいきませんでした。

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

jquery - jQuery --trigger('click')がIEで機能しない-オブジェクトはこのプロパティまたはメソッドをサポートしていません

ホバー上にフェードオーバーレイdivがあり、その中にテキストリンクが表示されている画像があります。

リンクをクリックすると、コンテンツを含むシャドウボックスが開きます。オーバーレイdiv全体をクリック可能にしたいので、以下を使用しました。

FF、Safari、Chromeでは正常に動作しますが、IEでは「オブジェクトはこのプロパティまたはメソッドをサポートしていません」というエラーが表示されます。

これを行う別の方法または使用する別の方法はありますか?

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

jquery - Jquery EasySlider with Captions - 最後のスライドがアニメーションしない

EasySlider を使用してスライドショーを作成し、ホバー/アニメーション機能を追加して、Shadowbox を起動できるキャプション オーバーレイを追加しました。

私の問題は、最後のスライドでキャプション シーケンスが null になっているように見えることです。この関数はスライドの遷移中に実行されますが、終了するとキャプションは元の位置に戻ります。これは、シーケンスの最後のスライドでのみ発生します。

キャプション機能または EasySlider を変更してこれを機能させる方法を誰か教えてもらえますか?

http://zachinscho.com/save/kreber_test/V2/

ありがとう

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

asp.net - asp.net modalpopupextender を使用すると新しいページを表示できますか?

私が見た例から、モーダルポップアップエクステンダーは同じページに存在するパネルを開くことができます。このコントロールで新しいページを開くことは可能でしょうか?

http://www.shadowbox-js.com/に似た動作

シャドーボックスjsは無料ですが、モーダルポップアップエクステンダーは無料なので使用したいと考えています。

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

radgrid - RadGrid で Shadowbox を使用する

ページに Shadowbox を追加しましたが、フォームにアンカー タグがある場合は正常に動作します。

また、ページのプレースホルダーに追加された動的 HyperLink コントロールを作成しましたが、正常に機能しました。

しかし、RadGrid コントロールの GridHyperLinkColumn によって生成されるアンカー リンクに rel="shadowbox" を追加すると、何も起こらず、シャドウ ボックスが機能しません。

Telerik RadGrid の Shadowbox と GridHyperLinkColumn を使用する際に既知の問題はありますか?

そうでない場合、どうすれば適切に構成できますか?

どうもありがとう。