0

Googlemaps imgをクリックしたら、Google APIをfancyboxに追加したいと思います。

URLはこちら

Google img をクリックすると、fancybox からライトボックスが開き、ライト ボックスで Google API が実行されます。

iframeを追加してfancyboxを使用して入力できることはわかっていますが、現在javascriptを学習しているので、これがどのように機能するかを確認したいと思います。

fancybox here から実行される js コードを見つけました

ライトボックスのhtmlは

<div class="fancybox-outer">
<div style="overflow: visible; width: 350px; height: 280px;" class="fancybox-inner">

<img class="fancybox-image" src="images/directv_g_map.jpg" alt="">

</div>
</div>

自分でこれを行うことができたなら、これを投稿することはなかったでしょうが、これを10時間以上試みた後、私ははっきりと考えることができないことに不満を感じました.

-Google API にウィンドウ onclick = init; を実行させようとしています。次に実行----動作しませんでした-onclick
とonloadの異なるバージョン----動作
しませんでした-私が最もうまくいくと信じていたのはcreateElementですが、それ以来、ライトボックスimgのIDを取得するのに問題がありましたクラスタグしかありません。私は js ファイルを編集して、if ステートメントを含めることを計画しました。これにより、Google API をロードできる div ID が作成されますが、まだ運がありません。
-if(src == "directv_g_map.jpg") 次に、src を Google API に変更します

繰り返しますが、私はまだ学んでいますが、助けていただければ幸いです

4

1 に答える 1