0

私はフォトスフィア用の Google plus API を使用しています。タイム ラプス パノラマを表示するために、2 つの div を重ねて設定し、埋め込まれたパノラマ ビューアーで iframe を取得します。次に、前面から背面の div にブレンドするタイマーを設定しましたが、すべて正常に動作します。

ここでjsfiddleに設定しました

私の問題は、これらのパノラマはインタラクティブであるため、クリックしてドラッグし、もう一度クリックして自動回転を再開したり、マウスホイールを使用してズームインまたはズームアウトしたりできることです。その瞬間、2 つのパノラマが同期しなくなり、タイム ラプスの「錯覚」が機能しなくなります。

すべてのマウス イベントを複製して両方の div に同時に送信する方法はありますか? jqueryを使用してクリックを登録できました

$('#firstDiv').click(function(){$('#seconddiv').click()})

しかし、マウスのドラッグとホイールのズームを複製して、2 つのパノラマを同期させるのに苦労しています。

4

1 に答える 1

0

このバリエーションを試してみてください：

$('#firstDiv).on('click', function(){
    $('#secondDiv').trigger('click');
});

しかし、球体のインタラクティブなコントロールは Google 側で処理されているようです。したがって、明示的な制御を有効にする (クエリ文字列パラメーターを iframe に渡すことによる) コールバック オプションがない限り、それは不可能だと思います。

于 2013-06-12T10:27:38.280 に答える