スマートフォンサイト
沿岸地域の周遊は
スマートフォンで!
iPhone、Android
スマートフォンで
利用いただけます
';
html += '
'+item['title']+'
';
html += '
';
if(item['langs']){
for (var l=0;l- ';
}
}
}
html += '
'
if (item['movie_url']) {
html += '
';
}
if (item['thumb_url']) {
html += '
';
} else {
html += '
';
}
html += '
';
html += '';
html += '
';
if (count % 3 == 0) {
html += '
';
html += '
';
}
}
$j('#kikan'+ym).html(html);
//もっと見るボタンを消す処理
var moremax = $j('#moremax'+ym).val();
if (moremax <= pos + num) {
} else {
$j('#morebtn'+ym).show();
}
$j('#moreloading'+ym).hide();
}
);
}
//詳細画面を見る
function showmemorydetail(lid){
var wizmobile_carrier = 'unknown';
//タブレットなら画面遷移
if(wizmobile_carrier == 'tablet'){
//location.href = './?page=item_memory&back=yes&lid='+lid;
window.open('./?page=item_memory&close=yes&lid='+lid); //別タブで開く
return;
}
$j('#memoryiframe').attr('src','./?page=item_memory&popup=yes&lid='+lid);
//fade in
$j('#memoryiframe').css('opacity','0.6');
$j('#memoryiframe').show();
}
//詳細画面の透明度を変える
function opacitymemorydetail(){
$j('#memoryiframe').animate({opacity:1.0},200,"linear",function(){
});
}
//詳細画面を閉じる
function hidememorydetail(){
//fade out
$j('#memoryiframe').animate(
{
opacity:0.0
}
,300
,"swing"
,function(){
$j('#memoryiframe').hide();
$j('#memoryiframe').attr('src','about:blank');
}
);
}
//震災前をオープンする
function openbefore() {
//表示中の3件をfadeout
$j('#beforelookbtn').animate({opacity:0.0},300,"swing",function(){
$j('#beforelookbtn').html('');
//震災前の記憶を透明にして展開
$j('.before').each(function(){
$j(this).css('opacity',0.0);
$j(this).addClass('scrollfade');
$j(this).show();
});
//上位3件だけまずfadeinして表示
var count = 0;
$j('.before').each(function(){
count ++;
$j(this).animate({opacity:1.0}, count*800 ,"swing",function(){
$j(this).removeClass('scrollfade');
});
if (count == 3) return false;
});
});
}
//スクロールイベント
$j(window).scroll(function() {
//スクロールの下端の座標+α
var scrollbottom = $j(window).scrollTop() + $j(window).height();
//scrollfadeクラスを持つ項目に適用
$j('.scrollfade').each(function(){
var offset = $j(this).offset();
//スクロールして現れたらfadein
if (offset.top < scrollbottom) {
var id = $j(this).attr('id');
$j(this).animate({opacity:1.0},1000,"swing",function(){
$j(this).removeClass('scrollfade');
});
}
});
//スクロールの下端の座標
scrollbottom += 300;
//autoloadクラスを持つもっと見るボタンに適用
$j('.autoload').each(function(){
var offset = $j(this).offset();
//もっと見るボタンがスクロールして現れたら
if (offset.top < scrollbottom) {
var id = $j(this).attr('id');
var ym = id.substring(7);
if (!kikanpage[ym]) {
//1ページ目を自動で読み込む
morelook(ym,1);
}
}
});
});
//表示/非表示を変更する
function statuschange(lid) {
var btnobj = $j("#statusbtn"+lid);
//ボタンを無効にする
btnobj.attr('disabled', true);
//更新する値
var newstatus;
if (btnobj.val() == '公開中') {
newstatus = 0;//非公開
} else {
newstatus = 2;//公開
}
$j.getJSON("./",
{
page:'memory_edit_json',
lid:lid,
type:'status',
value:newstatus
}
)
.done(function(json) {
//変更後の状態を表示する
if (json) {
var status = json['status'];
if (status == 0) {
btnobj.val('非公開中');
} else {
btnobj.val('公開中');
}
}
})
.fail(function(jqXHR, textStatus, errorThrown) {
console.log("statuschange error : " + textStatus);
})
.always(function() {
//ボタンを有効にする
btnobj.attr('disabled', false);
btnobj.removeAttr('disabled');
});
}
//地図の表示
function memorymapdisplay(){
//map
var pos = new google.maps.LatLng(39.737128,141.9768135);
var mapOptions = {
backgroundColor: 'white',
panControl: false,
streetViewControl: false,
overviewMapControl: false,
mapTypeControl: false,
scrollwheel: false,
zoomControl: true,
zoomControlOptions: {position: google.maps.ControlPosition.TOP_RIGHT},
scaleControl: true,
zoom: 8,
minZoom: 7,
center: pos,
mapTypeId: google.maps.MapTypeId.ROADMAP
};
var memorymap = new google.maps.Map(document.getElementById('memorymap'),mapOptions);
//マーカーを表示する
var markersize = new google.maps.Size(64,71);
var markershape = {type : "poly", coord : [1,1, 1,46, 62,46, 62,1] };
//震災後の写真を優先的に地図にプロットする
var marker = new google.maps.Marker({
icon: new google.maps.MarkerImage('../uploads/spot/memorymarker/'+40827+'b.png', markersize),
position: new google.maps.LatLng(39.736303,141.977736),
shape: markershape,
draggable: true,
map: memorymap
});
google.maps.event.addListener(marker,'click',function(){
showmemorydetail(40827);
});
var marker = new google.maps.Marker({
icon: new google.maps.MarkerImage('../uploads/spot/memorymarker/'+40828+'b.png', markersize),
position: new google.maps.LatLng(39.737953,141.975891),
shape: markershape,
draggable: true,
map: memorymap
});
google.maps.event.addListener(marker,'click',function(){
showmemorydetail(40828);
});
//地図の表示範囲
if (39.736303 == 39.737953 && 141.975891 == 141.977736) {
//maxとminが同じ場合は拡大しない
} else {
memorymap.fitBounds(new google.maps.LatLngBounds(
new google.maps.LatLng(39.736303,141.975891),
new google.maps.LatLng(39.737953,141.977736)
));
}
}
google.maps.event.addDomListener(window, 'load', memorymapdisplay);
震災の記憶
※震災の記憶は、Googleが提供する
未来へのキオクAPIを利用しています。