問題タブ [magnific-popup]

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 に答える
15442 参照

javascript - Magnific Popup を実装または作成する方法は?

はじめに:
これは、マグニフィック ポップアップを適切に作成する方法について、初心者のアマチュア デザイナー志望者からの質問です。だから、これは少し初心者に聞こえるかもしれませんが、それは私が初心者だからです.

知り
たいこと: 完全な HTML 構造、スクリプトを配置する場所、必要なスクリプトを含む Magnific Popup の作成方法を知りたい。

StackOverflow に来る前に私が行ったこと:
Magnific Popup の実装に数え切れないほどの時間を費やしましたが、役に立ちませんでした。私が持っている最終結果は単なる画像であり、それをクリックすると、画像のリンクにリダイレクトされます。

ソース:
これはドキュメントです: http://dimsemenov.com/plugins/magnific-popup/documentation.html .
これは私が作成しようとしているものです: http://dimsemenov.com/plugins/magnific-popup/ - ライトボックス ギャラリー セクション。

私が試したHTML構造は失敗しました:

注:
また、.js ファイルを の前に配置しようとし</body>ましたが、意図した結果が得られませんでした。
私は何かが欠けていると思います。何がわからないのですか。Magnific Popup のドキュメントには、私が理解できないことがたくさんありますが、それらは関係ないと思います。

誰かが親切にこの質問を手伝ってくれることを願っています.

関連するクエリ:
マグニフィック ポップアップ アニメーションを動作させることができません ポップアップが表示されない (マグニ
フィック ポップアップを使用)

再度、感謝します!あなたの考えを本当に感謝します!

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

magnific-popup - 壮大なポップアップの iframe/video のタイトル

ビデオ ポップアップのタイトル/キャプションを表示する必要があります。画像タイプにはこのオプションがありますが、ビデオ/iframe にはありません。

ドキュメント ( http://dimsemenov.com/plugins/magnific-popup/documentation.html#iframe_type ) でテンプレート マークアップの例を見つけましたが、タイトルを表示する方法がわかりません。

次のようなリンクからポップアップウィンドウにタイトルを表示するようにiframeマークアップをセットアップするのを手伝ってくれませんか

JS コード

ありがとうございました。

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

ajax - Ajax を使用してポップアップにデータをロードする

私は自分のウェブサイトで壮大なポップアップを使用しています。リンクがクリックされたときに ajax 関数を実行し、クエリの結果がポップアップのコンテンツになるようにしたいと考えています。

これは私のコードです(私はJQueryでかなり新しいです):

コンテンツは読み込まれますが、ポップアップは読み込まれません。

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

jquery - IE でポップアップが表示されない (magnific-popup を使用)

私は自分のウェブサイトに素晴らしいポップアップを実装しようとしています。IE10、FirefoxでもiPadでも動きます。しかし、何らかの理由で、ポップアップ モードの IE8 で画像が表示されません。(私はIE9でチェックしていません)。表示されるのは白い画面だけです。問題は何ですか?ここに私のリンクがあります: http://www.fietseling.org/media/routes2013/index.html

これがコードです: Magnific Popup

どうもありがとう

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

javascript - 変数を渡すmagnific-popup

壮大なポップアップにいくつかのフォームを含めようとして います。htmlアンカーを介して変数を最終的なポップアップに渡したいと思います。この疑似コードのVar1として:

各リンクが異なるフォーム データを生成するように、サーバー側 (PHP を使用) でランチャーを生成するため、これが必要です。

編集:私が考えた1つのアプローチは、ランチャーでカスタム属性を使用することでした。

しかし、magnific-popup の初期化の内側で処理する属性をネストするための適切な jQuery 構文を実際に取得できませんでした。私の js/jquery の知識は非常に基本的なものなので、何かヒントがあればよろしくお願いします。