ウェブコーディングについての質問です。

下記のウェブサイトで、グーグルマップをクリックしていくと、最後のクリックでグーグルマップからフラッシュ画面に遷移します(音が出るのでご注意ください)。
この最後のグーグルマップからフラッシュ画面へはどのようなコーディングをすればいいのかを調べています。ご存じでしたら記述すべきソースや方法など教えてください。
http://www.australiancoastalwatch.com.au/

よろしくお願いします!

回答の条件
  • URL必須
  • 1人2回まで
  • 13歳以上
  • 登録:2010/03/18 14:09:03
  • 終了:2010/03/18 19:04:14

ベストアンサー

id:Cherenkov No.1

Cherenkov回答回数1502ベストアンサー獲得回数4922010/03/18 17:58:31

ポイント60pt

ページに埋め込んであるこのコードがそうです。

jQueryを使って書かれています。

ページを読み込んだ後flashを埋め込んで

clickイベントですすんでいくとplayMovie()で再生されるようです。

function getFlashMovie(movieName) 
{
    if (navigator.appName.indexOf("Microsoft") != - 1) {
        return window[movieName];
    }
    else {
        return document[movieName];
    }
}
function movieOver() 
{
    $('.overlay').hide();
    $('#share-content').show();
    $('.disclaimer').show();
    $('#movie-container') .hide();
}
function init_map(divId, latitude, longitude, zoom) 
{
    if (GBrowserIsCompatible()) 
    {
        var map = new GMap2(document.getElementById(divId));
        map.setCenter(new GLatLng(latitude, longitude), zoom, G_SATELLITE_MAP);
        map.addControl(new GSmallZoomControl3D());
        icon = new GIcon(G_DEFAULT_ICON);
        var markerData = {};
        markerData.icon = icon;
        var clientPoint = new GLatLng(-33.892932394195235, 151.27830505371094);
        var clientMarker = new GMarker(clientPoint, markerData);
        GEvent.addListener(clientMarker, "click", function () 
        {
            map.zoomIn();
        });
        map.addOverlay(clientMarker);
        map.disableDragging();
        map.disableDoubleClickZoom();
        map.disableScrollWheelZoom();
        map.disablePinchToZoom();
        /*gpoint = new GMarker(new GLatLng(latitude, longitude), {draggable: true});
            map.addOverlay(gpoint);*/
        var pointSW = new GLatLng(-33.89499, 151.277179);
        var pointNE = new GLatLng(-33.891318, 151.282326);
        var groundOverlay = new GGroundOverlay( "http://www.australiancoastalwatch.com.au/sharks_new.png", 
        new GLatLngBounds(pointSW, pointNE));
        map.addOverlay(groundOverlay);
        var zoomEventListener = GEvent.bind(map, "zoomend", this, function (oldzoom, newzoom) 
        {
            $("#map_zoom").val(newzoom);
            // Add call to show + play video here.
            if (newzoom >= 17) 
            {
                $('#map_canvas').hide();
                $('#main-content').hide();
                $('body').append('<div class="overlay"></div>');
                $('.overlay') .css('position', 'absolute') .css('top', 0) .css('left', 0) .css('background', 
                '#000') .css('z-index', '50') .css('height', $(document).height() + 600) .css('width', 
                $(document).width());
                $('#movie-container') .css('z-index', '100') .css('height', $(window).height()) .css('width', 
                $(window).width()) .css('left', '0') .css('top', '0');
                getFlashMovie("movie").playMovie();
            }
        });
    }
}
$(document).ready(function () 
{
    init_map("map_canvas", - 33.892504914541284, 151.27779006958008, 13);
    // Add overlay for movie.
    var flashvars = {};
    var params = {};
    params.bgcolor = "#000000";
    var attributes = {};
    swfobject.embedSWF("video.swf", "movie", "100%", "100%", "9.0.0", false, flashvars, params, attributes);
});

jQuery: The Write Less, Do More, JavaScript Library

id:ahsodik

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

2010/03/18 19:03:58

コメントはまだありません

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません