/****************************************************************************** 初期設定 ******************************************************************************/ var gsFloatingBg_AN = "../../images/new_images/shadow.png"; var gsFloatId_AN = "Floating"; var gsFloatBgId_AN = "FloatingBg"; var gsTickerId_AN = "Ticker"; var giFloatLeft_AN = 0; // フロートTickerを表示する var gbShowFlg_AN = 0; var giFloatNum_AN = 0; // MacIEチェックを行う bMacIeFlg_AN = CheckMacIe_AN(); var vtop = 0; var vleft = 0; function setposition_ss(){ if(GetScrollPosition_AN("top") == 0 && GetScrollPosition_AN("left") == 0){ vleft = getCookie("Left"); if (vleft == "") { vleft = 0; } vtop = getCookie("Top"); if (vtop == "") { vtop = 0; } window.scroll(vleft,vtop); } clearCookie("Left"); clearCookie("Top"); } function SetDivHeight(sSize){ var siSize = sSize; var iDivHeight = GetWindowSize_AN("height") - 80; var siDivHeight; if(siSize <= iDivHeight){ siDivHeight = siSize; } else { siDivHeight = iDivHeight; } return (siDivHeight); } /******************************************************************************** 関数名 ShowPage 機能 Flashレイヤーを表示、非表示する ポイント フローティングレイヤーの表示サイズは クリックするたびに再計算する。 MacIEの場合のみ、表示、非表示のたびに レンダリングしなおすために、スクロール処理を入れる。 入力 sMode 1:表示 0:非表示 出力 なし 処理概要 1. 現在表示されている場合 1.0. オブジェクト名を作成する 1.1. 表示モードの場合 1.1.2. ポジションを移動して終了する 1.2. 非表示モードの場合 1.2.2. 対象オブジェクトを削除する 2. 現在表示されていない場合 2.1. 表示モードの場合 2.1. フロートオブジェクトを作成する 2.2. フロートオブジェクトIDを作成する 2.3. フロートオブジェクトをbodyに追加する 2.2. 非表示モードの場合 2.2.1. 何もしない 3. MacIEの場合 3.1. 再レンダリングする ********************************************************************************/ function ShowPage(sMode,i){ var oLayer; var sId; var iLayerTop; var iLayerWidth; var iLayerHeight; // 非表示モードの場合 if(sMode != 1) { location.reload(); return; // オブジェクトIDを作成する sId = gsFloatId_AN; oLayer = document.getElementById(sId); // オブジェクトを削除する oLayer.style.display='none'; oLayer.innerHTML=''; // オブジェクトIDを作成する sId = gsFloatBgId_AN; oLayer = document.getElementById(sId); // オブジェクトを削除する oLayer.style.display='none'; oLayer.innerHTML=''; // フラグを更新する gbShowFlg_AN = 0; // 自動調整をオフにする clearInterval(iIntervalId); clearInterval(iIntervalBgId); return; } // 現在表示されている場合 if(gbShowFlg_AN == 1){ return; // 現在表示されていない場合 } else { // 表示モードの場合 if(sMode == 1){ // 背景ボックスを作成する *************************************** // オブジェクトを作成する oLayer = document.createElement('DIV'); oLayer.id = gsFloatBgId_AN; oLayer.style.position = "absolute"; oLayer.style.zIndex = 999; oLayer.style.display = "block"; // フローティングレイヤーのサイズを算出する iLayerWidth = GetWindowSize_AN("width"); iLayerHeight = GetWindowSize_AN("height"); if(CheckBrowserModeForTicker_AN()){ oLayer.style.width = iLayerWidth + "px"; oLayer.style.height = iLayerHeight + "px"; oLayer.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=" + gsFloatingBg_AN + ", sizingmethod=scale)"; } else { oLayer.style.width = "100%"; oLayer.style.height = "100%"; oLayer.style.backgroundImage = "url('" + gsFloatingBg_AN + "')"; } // フローティングレイヤーにスタイルを指定する vtop = GetScrollPosition_AN("top"); vleft = GetScrollPosition_AN("left"); oLayer.style.top = vtop + "px"; oLayer.style.left = vleft + "px"; // クッキーセット if(GetScrollPosition_AN('top') != 0 || GetScrollPosition_AN('left') != 0){ setCookie("Left", vleft); setCookie("Top", vtop); } // タグを作成する var sHtml = " "; // ソースを挿入する oLayer.innerHTML = sHtml; // オブジェクトを追加する document.getElementsByTagName('body')[0].appendChild(oLayer); iIntervalBgId = setInterval("SetLayPosition_AN('" + gsFloatBgId_AN + "')", 100); // ソース表示用レイヤー { *************************************** // オブジェクトを作成する oLayer = document.createElement('DIV'); oLayer.id = gsFloatId_AN; oLayer.style.position = "absolute"; oLayer.style.zIndex = 1000; oLayer.style.display = "block"; // フローティングレイヤーのサイズを算出する iLayerWidth = GetWindowSize_AN("width"); iLayerHeight = GetWindowSize_AN("height"); if(CheckBrowserModeForTicker_AN()){ oLayer.style.width = iLayerWidth + "px"; oLayer.style.height = iLayerHeight + "px"; } else { oLayer.style.width = "100%"; oLayer.style.height = "100%"; } // フローティングレイヤーにスタイルを指定する oLayer.style.top = GetScrollPosition_AN("top") + "px"; oLayer.style.left = GetScrollPosition_AN("left") + "px"; // ソースタグを作成する var sHtml = ""; sHtml += ''; sHtml += '
'; var divHeight; if(i == 1){ var tableWidth = 470; var divWidth = tableWidth + 35; var wakutableWidth = divWidth + 22; var pixWidth = wakutableWidth - 90; sHtml += ''; sHtml += ''; sHtml += ''; sHtml += ''; sHtml += ''; sHtml += ''; sHtml += ''; sHtml += ''; sHtml += '
'; sHtml += ''; sHtml += ''; sHtml += '
'; sHtml += ''; divHeight = SetDivHeight(320) + "px"; sHtml += '
'; sHtml += ''; sHtml += ''; sHtml += ''; sHtml += ''; sHtml += ''; sHtml += ''; sHtml += ''; sHtml += ''; sHtml += ''; sHtml += '
モネの《ラ・グルヌイエール》ルノワールの《ラ・グルヌイエール》
モネの　《 ラ・グルヌイエール 》
ルノワールの　《 ラ・グルヌイエール 》
'; sHtml += '1869年の夏、モネとルノワールはブージヴァルに過ごし、セーヌ河畔のレストラン、ラ・グルヌイエールで、水面に映る光の反射の研究をしています。ともに画架を並べて描いた絵が、上の2枚です。
この2枚を比べてみると、面白いですね。それぞれの特徴がよくあらわれています。　水面やそこに浮かぶボートの描写はモネが上手く、人物を描かせたらルノワールが上手い (=^-^=)ノ
この右側の船上レストランの内側を描いたのが、ルノワールの 《 舟遊びの昼食 》 です。'; sHtml += '
'; sHtml += '
'; sHtml += '		'; sHtml += '
'; sHtml += ''; sHtml += ''; sHtml += '
'; sHtml += ''; sHtml += ''; sHtml += ''; sHtml += '
'; sHtml += ''; sHtml += '閉じる'; sHtml += '
'; } sHtml += '
'; // ソースを挿入する oLayer.innerHTML = sHtml; // オブジェクトを追加する document.getElementsByTagName('body')[0].appendChild(oLayer); iIntervalId = setInterval("SetLayPosition_AN('" + gsFloatId_AN + "')", 100); // フラグを変更する gbShowFlg_AN = 1; } } // MacIEの場合 if(bMacIeFlg_AN == 1){ // 再レンダリングする window.scrollBy(0, 1); } } function SetLayPosition_AN(sId){ var oTarget = document.getElementById(sId); if(CheckBrowserModeForTicker_AN()){ oTarget.style.width = GetWindowSize_AN("width") + "px"; oTarget.style.height = GetWindowSize_AN("height") + "px"; } oTarget.style.top = GetScrollPosition_AN("top") + "px"; oTarget.style.left = GetScrollPosition_AN("left") + "px"; } /******************************************************************************** 関数名 GetMiddlePosition 機能 現在のスクロール位置でのミドルポジションを取得する 入力 sMode top / left 出力 iPositionX X座標 iPositionY Y座標 処理概要 1. Windowサイズを取得する 2. スクロール位置を取得する 3. ミドルポジションを算出する 4. ミドルポジションを返して終了する ********************************************************************************/ function GetMiddlePosition_AN(sMode){ // Windowサイズを取得する var iWindowWidth, iWindowHeight; iWindowWidth = GetWindowSize_AN('width'); iWindowHeight = GetWindowSize_AN('height'); // スクロール位置を取得する var iScrollTop, iScrollLeft; iScrollTop = GetScrollPosition_AN('top'); iScrollLeft = GetScrollPosition_AN('left'); // ミドルポジションを算出する var iMiddleTop = iWindowHeight / 2 + iScrollTop; var iMiddleLeft = iWindowWidth / 2 + iScrollLeft; // topを返す場合 if(sMode == "top"){ return iMiddleTop; } else { return iMiddleLeft; } } /******************************************************************************** 関数名 GetScrollPosition_AN 機能 スクロール位置を算出する 入力 sMode top / left 出力 iPosition ********************************************************************************/ function GetScrollPosition_AN(sMode){ var iScrollPosition; if(sMode == "left"){ if(self.pageXOffset){ iScrollPosition = self.pageXOffset; // Explorer 6 Strict }else if(document.documentElement && document.documentElement.scrollLeft){ iScrollPosition = document.documentElement.scrollLeft; // all other Explorers }else if(document.body){ iScrollPosition = document.body.scrollLeft; } } else { if(self.pageYOffset){ iScrollPosition = self.pageYOffset; // Explorer 6 Strict }else if(document.documentElement && document.documentElement.scrollTop){ iScrollPosition = document.documentElement.scrollTop; // all other Explorers }else if(document.body){ iScrollPosition = document.body.scrollTop; } } return iScrollPosition; } /******************************************************************************** 関数名 GetWindowSize_AN 機能 ウィンドウサイズを取得する 入力 sMoe "width" | "height" *********************************************************************************/ function GetWindowSize_AN(sMode){ var iWindowWidth, iWindowHeight; // all except Explorer if(self.innerHeight){ iWindowWidth = self.innerWidth; iWindowHeight = self.innerHeight; // Explorer 6 Strict Mode }else if(document.documentElement && document.documentElement.clientHeight){ iWindowWidth = document.documentElement.clientWidth; iWindowHeight = document.documentElement.clientHeight; // other Explorers }else if(document.body){ iWindowWidth = document.body.clientWidth; iWindowHeight = document.body.clientHeight; } if(sMode == "width"){ return (iWindowWidth); } else { return (iWindowHeight); } } /******************************************************************************** 関数名 CheckMacIe_AN 機能 MacIEであることをチェックする ********************************************************************************/ function CheckMacIe_AN(){ var sOs = GetOsName_AN(); var sNavigator = GetNavigatorName_AN(); if((sOs == "MacOSX" || sOs == "MacOS") && sNavigator == "Explorer"){ return true; } else { return false; } } /******************************************************************************** 関数名 CheckBrowserModeForTicker_AN GetOsName_AN GetNavigatorName_AN 機能 ブラウザチェック *********************************************************************************/ function CheckBrowserModeForTicker_AN(){ var sOs = GetOsName_AN(); var sBrowser = GetNavigatorName_AN(); if(sOs == "Windows" && sBrowser == "Explorer"){ return true; } return false; } /******************************************************************************** 関数名 GetOsName_AN 機能 OS情報を取得する 入力 なし 出力 sOsData Os情報 ("MacOSX","Windows") ********************************************************************************/ function GetOsName_AN() { var uAgent = navigator.userAgent.toUpperCase(); if (uAgent.indexOf("MAC OS X") >= 0) return "MacOSX"; if (uAgent.indexOf("MAC") >= 0) return "MacOS"; if (uAgent.indexOf("WIN") >= 0) return "Windows"; if (uAgent.indexOf("X11") >= 0) return "UNIX"; return ""; } function GetNavigatorName_AN(){ if(navigator.IBM_HPR) return "HomepageReader"; aName = navigator.userAgent.toUpperCase(); if (aName.indexOf("SAFARI") >= 0) return "Safari"; if (aName.indexOf("CHIMERA") >= 0) return "Camino"; if (aName.indexOf("OPERA") >= 0) return "Opera"; aName = navigator.appName.toUpperCase(); if (aName.indexOf("NETSCAPE") >= 0) return "Netscape"; if (aName.indexOf("MICROSOFT") >= 0) return "Explorer"; return ""; } /******************************************************************************** 関数名 getCookie 機能 クッキー情報の取得 入力 なし ********************************************************************************/ function getCookie(key, tmp1, tmp2, xx1, xx2, xx3) { tmp1 = " " + document.cookie + ";"; xx1 = xx2 = 0; len = tmp1.length; while (xx1 < len) { xx2 = tmp1.indexOf(";", xx1); tmp2 = tmp1.substring(xx1 + 1, xx2); xx3 = tmp2.indexOf("="); if (tmp2.substring(0, xx3) == key) { return(unescape(tmp2.substring(xx3 + 1, xx2 - xx1 - 1))); } xx1 = xx2 + 1; } return(""); } /******************************************************************************** 関数名 setCookie 機能 クッキー情報のセット 入力 なし ********************************************************************************/ function setCookie(key, val, tmp) { tmp = key + "=" + escape(val) + "; "; // tmp += "path=" + location.pathname + "; "; tmp += "expires=Tue, 31-Dec-2030 23:59:59; "; document.cookie = tmp; } /******************************************************************************** 関数名 clearCookie 機能 クッキーのクリア 入力 なし ********************************************************************************/ function clearCookie(key) { document.cookie = key + "=" + "xx; expires=Tue, 1-Jan-1980 00:00:00;"; }