0

私がやろうとしているのは、誰かが画像をクリックすると、php ファイルに対して AJAX 呼び出しが行われ、返されたデータがライトボックスのポップアップに表示されることです。

これが私が使用しているコードです

    $(".infoimg").on("click",function() {
    var theid = $(this).attr('id');
    var infofile = "http://www.mydomain.ext/info.php";
        $('.spinners').show().css({"display":"inline-block", "margin":"0 0 0 5px"});
              $.post( infofile,
                    { "theid": theid },
                        function(data){
                            $('.spinners').hide();
                            $('.infobox').html(data);
                        }
             );
    });

.infoboxここで、データが取り込まれた後、そのコンテンツをライトボックスに表示したいと思います。または、さらに良いのは、返されたデータを div に入力せずにライトボックス ポップアップ内に表示することです。

.infoimgページ内には、異なる ID を持つ複数の画像クラスがあります。vartheidは実際には画像の ID です。

助けてください。

4

1 に答える 1

0

jsFiddleでライトボックスをまったく動作させることはできませんが、画像を次のように配置すると動作する気がします

<a href="http://www.mydomain.ext/info.php?theid=thisImageId">
   <img src="thisThumbnailImageSrc" id=thisImageId/>
</a>

ローカル マシンで自分のアイデアを試してみたところ、うまくいくようです。Lightbox は、画像データの受信が完了するまで待機します。拡張子が何であるかは気にしないので、php から返されるデータが画像である限り、このソリューションを使用できます。HTMLのような任意のデータをロードすることはまだできていませんが、引き続き作業を続け、理解できたらこの回答を更新します.

于 2013-03-01T19:45:23.893 に答える