問題タブ [magnific-popup]

http://chesstao.com/test.phpのように iframe を表示したい(緑色のボックスをクリック)。しかし、iframe の高さと幅のスタイルを設定するメソッドまたはクラスが表示されません。

js:

CSS:

壮大なポップアップ iframe のスタイル (高さと幅) をコーディングするにはどうすればよいですか? 私は困惑しています。上記のスタイルは単に無視されます。

ポップアップをクリックすると別のページに移動できるようにライトボックスを実装しようとしています..そして、配置の問題などのいくつかの不具合を伴う以下のコードでほぼ達成しました.CSSから調整できますが、 CSS を操作することなく、はるかに優れた代替手段を利用できます。

Magnific Popupを使用しています。

ギャラリーで動作させることができます。

また、インライン要素と画像を実際に混在させることもできます。これは基本的に私が望むものです:

私の問題は、混合の例では、サムネイルの「ギャラリー」が表示されていないことです。基本的に必要なのは、クリックするとギャラリーのように動作しますが、その間にインライン要素が1つあるサムネイル画像です。

インライン要素にはサムネイル (および実際の画像) がありますが、クリックするとインライン要素になります。

ファンシーボックスでそれを行うことができました。サムネイルをクリックすると、ここで見ることができます。必要なものを明確にするのに役立つかもしれません. （モバイルのモバイルサポートがないため、マグニフィックポップアップで同じことを達成しようとしています）。

人々が画像をクリックしてポップアップを閉じることができるように、初期化コードに次のものがあります。しかし、それは機能していません。何か案は？

ありがとうデレク

解決済み:

次のコードがあります。

ポップアップが開きます。リンクがクリックされたときに動的に変更したいポップアップ内のムービーがあります。唯一の問題は、"this" の値を知る必要があることですが、このプラグインでどのようにアクセスすればよいのか明確にわかりません。必要な詳細を提供できます。

編集: http://jsfiddle.net/pe8Vm/5/

これは単なるプラグインであり、それを呼び出しています。あなたの便宜のために提供します。

ギャラリー内の各画像に共有ボタン (Pinterest を開始) を追加して、個々の画像/エントリごとに URL などを手動で含める必要がないようにしたいと考えています。この機能を他のライトボックスに含めることに関しては、多くの指示があります。特に、特定の CMS と組み合わせて使用​​します。そして、これらの手順、w3 リソース、およびその他の stackoverflow.com エントリを確認してきました。何かをまとめられることを願っています。カウンターの代わりにシェアボタンを配置したいのですが。これまでのところ、私は失敗しました。ボタンが表示されるように 1 回試みましたが、スクリプトは成功した「ピン」の画像のパスを認識しませんでした。「Pin It」ボタンを含めようとするその後の試みは、単純に Magnific を壊してしまいました。

現在、私は持っています：

どんなヒントでも大歓迎です！

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

Magnific Popup をセットアップしたばかりですが、残念ながら、AJAX ポップアップ用に作成した HTML ファイル内で qTranslate の言語タグを機能させる方法がわかりません。

または、ポップアップ内にワードプレスページ(qTranslateプラグインがうまく機能する)を埋め込む作業をする必要がありますか?

以下の言語タグを含む HTML ファイルは、 http://chinasonoma.com/ ?page_id=9 の「What is Craft Beer?」で見ることができます。をクリックします。英語が選択されている間、「中文」は見えないはずです。

これは私の最初の投稿なので、さらに情報が必要な場合はお知らせください。

私は壮大なポップアップ (ライトボックス) を使用しており、コンテナーにいくつかの画像があります。これらの画像はすべてウェブサイトに表示されます。ここで、画像をクリックしてギャラリー モードでポップアップを開き、特定のクラス (クラス 'one' など) の画像のみを表示したいと考えています。出来ますか？

HTML

JS

ご協力いただきありがとうございます！