earth
皆さんご存知かと思いますが、あまりにも良かったので裏SORA載せました。
[earth]は学ぶ事がたくさんあり、今の自分自身
このままではいけなんんだなと改めて感じました。
一番の問題は地球の温暖化だそうです。
温暖化が奇跡の惑星を危跡に変えてしまっているのです。
人それぞれ心に残る事が違うと思います。その意見を自分以外の誰かに
伝えて少しでも行動に移せたらいいなぁと思いました。
感動します。
赤羽 咲栄
var viewerType = “”;
var fetchedImages = {};
var imgThumbArr = [];
var imgThumbMarkerArr = [];
var zoomLevel = 0;
var zoomFetches = {};
var NUMZOOMLEVELS = 5;
var zoomViewerHTML = “”;
var numberToPreload = 8;
var preloadCount = 0;
var arrayindex = 0;
var zoomimages=0;
var tszoom=0;
var spinPreloader = [];
var currentSpinFrameNum = 0;
var totalNumSpinFrames = 0;
function viewerZoomIn()
{
if(viewerType == “s7”) {
tszoom.zoomIn();
} else if (viewerType == “amz”) {
DynAPI.view.zoomIn();
}
setZoomButtons();
}
function viewerZoomOut()
{
if(viewerType == “s7”) {
tszoom.zoomOut();
} else if (viewerType == “amz”) {
DynAPI.view.zoomOut();
}
setZoomButtons();
}
function viewerReset()
{
if(viewerType == “s7”) {
tszoom.reset();
} else if (viewerType == “amz”) {
DynAPI.view.reset();
}
setZoomButtons(1);
}
function viewerShowZoomImage(url, width, height, version, amzZoomViewerType, scaleLevels)
{
if(viewerType == “s7”) {
tszoom.setImage(url,true,width,height);
} else if (viewerType == “amz”) {
DynAPI.view.setZoomImage(url + “.”,width,height,version,amzZoomViewerType,scaleLevels);
}
setZoomButtons(1);
}
function zoomFetchImage(id, image)
{
// This method fetches the six (three on/off) buttons so that they can be
// changed dynamically. The image index are 0/1 — Zoom+ : on/off, 2/3 — Zoom- : on/off
// 4/5 — Reset : on/off
zoomFetches[id] = {};
zoomFetches[id].image = image;
// Attempt to preload the button images
var imagePreloader = new Image();
imagePreloader.src = zoomFetches[id].image;
}
function setZoomButtons(reset)
{
if(viewerType == “s7”) {
if (tszoom.visible != 0) {
if( document.getElementById(‘zoomIn’) &&
document.getElementById(‘zoomOut’) &&
document.getElementById(‘reset’) ) {
if (tszoom.zoomi.curZoomPower == 0 || reset) {
document.getElementById(‘zoomIn’).src = zoomFetches[“zoominon”].image;
document.getElementById(‘zoomOut’).src = zoomFetches[“zoomoutoff”].image;
document.getElementById(‘reset’).src = zoomFetches[“resetoff”].image;
} else if (tszoom.zoomi.curZoomPower >= tszoom.zoomi.max_zoom) {
document.getElementById(‘zoomIn’).src = zoomFetches[“zoominoff”].image;
document.getElementById(‘zoomOut’).src = zoomFetches[“zoomouton”].image;
document.getElementById(‘reset’).src = zoomFetches[“reseton”].image;
} else {
document.getElementById(‘zoomIn’).src = zoomFetches[“zoominon”].image;
document.getElementById(‘zoomOut’).src = zoomFetches[“zoomouton”].image;
document.getElementById(‘reset’).src = zoomFetches[“reseton”].image;
}
}
}
} else if (viewerType == “amz”) {
if( document.getElementById(‘zoomIn’) &&
document.getElementById(‘zoomOut’) &&
document.getElementById(‘reset’) ) {
var zoomLevel = DynAPI.view.getZoomLevel();
if (zoomLevel == -1 || reset) {
document.getElementById(‘zoomIn’).src = zoomFetches[“zoominon”].image;
document.getElementById(‘zoomOut’).src = zoomFetches[“zoomoutoff”].image;
document.getElementById(‘reset’).src = zoomFetches[“resetoff”].image;
} else if (zoomLevel == 1) {
document.getElementById(‘zoomIn’).src = zoomFetches[“zoominoff”].image;
document.getElementById(‘zoomOut’).src = zoomFetches[“zoomouton”].image;
document.getElementById(‘reset’).src = zoomFetches[“reseton”].image;
} else {
document.getElementById(‘zoomIn’).src = zoomFetches[“zoominon”].image;
document.getElementById(‘zoomOut’).src = zoomFetches[“zoomouton”].image;
document.getElementById(‘reset’).src = zoomFetches[“reseton”].image;
}
}
}
}
function zoomButtonsOff()
{
if( document.getElementById(‘zoomIn’) &&
document.getElementById(‘zoomOut’) &&
document.getElementById(‘reset’) ) {
document.getElementById(‘zoomIn’).src = zoomFetches[“zoominoff”].image;
document.getElementById(‘zoomOut’).src = zoomFetches[“zoomoutoff”].image;
document.getElementById(‘reset’).src = zoomFetches[“resetoff”].image;
}
}
function fetchImage( id, image, markerID)
{
fetchedImages[id] = {};
fetchedImages[id].image = image;
imgThumbArr[arrayindex] = id;
imgThumbMarkerArr[arrayindex] = markerID;
arrayindex++;
if(preloadCount < numberToPreload)
{
var imagePreloader = new Image();
imagePreloader.src = image;
preloadCount++;
}
}
var allPreloaded = 0;
function showZoomViewer()
{
spinStop();
document.getElementById('imageViewerDiv').innerHTML = '
‘;
document.getElementById(‘imageViewerDiv’).style.width = 0;
document.getElementById(‘imageViewerDiv’).style.height = 0;
document.getElementById(‘imageViewerDiv’).style.visibility = “hidden”;
document.getElementById(‘zoomTextDiv’).innerHTML = (‘ ‘);
document.getElementById(‘zoomButtonsDiv’).innerHTML = zoomButtons;
if(viewerType == “s7”) {
document.getElementById(‘tsapi’).style.visibility = “visible”;
document.getElementById(‘tsapi’).style.width = 500;
document.getElementById(‘tsapi’).style.height = 500;
tszoom.setVisible(1);
tszoom.setWidth(500);
tszoom.setHeight(500);
} else if (viewerType == “amz”) {
document.getElementById(‘zoomViewerDiv’).style.visibility = “visible”;
document.getElementById(‘zoomViewerDiv’).style.width = 500;
document.getElementById(‘zoomViewerDiv’).style.height = 500;
DynAPI.view.show();
}
}
function hideZoomViewerDiv() {
if(viewerType == “s7”) {
if(tszoom) {
tszoom.setVisible(0);
tszoom.setWidth(0);
tszoom.setHeight(0);
document.getElementById(‘tsapi’).style.visibility = “hidden”;
document.getElementById(‘tsapi’).style.width = 0;
document.getElementById(‘tsapi’).style.height = 0;
}
} else if (viewerType == “amz”) {
if(window.DynAPI && DynAPI.view) {
DynAPI.view.hide();
document.getElementById(‘zoomViewerDiv’).style.visibility = “hidden”;
document.getElementById(‘zoomViewerDiv’).style.width = 0;
document.getElementById(‘zoomViewerDiv’).style.height = 0;
}
}
if(document.getElementById(‘zoomTextDiv’)) {
document.getElementById(‘zoomTextDiv’).innerHTML = (”);
}
if(document.getElementById(‘zoomButtonsDiv’)) {
document.getElementById(‘zoomButtonsDiv’).innerHTML = ”;
}
}
function showImage( id )
{
spinStop();
hideZoomViewerDiv();
showImageViewer( id )
}
function showImageViewerDiv()
{
document.getElementById(‘imageViewerDiv’).style.width = 500;
document.getElementById(‘imageViewerDiv’).style.height = 500;
document.getElementById(‘imageViewerDiv’).style.visibility = “visible”;
document.getElementById(‘imageViewerDiv’).innerHTML = ”;
}
function showImageViewer( id )
{
spinStop();
showImageViewerDiv();
if(document.getElementById(‘prodImage’)) {
document.getElementById(‘prodImage’).src = fetchedImages[id].image;
}
for ( elementID in fetchedImages )
{
if ( !allPreloaded )
{
var imagePreloader = new Image();
imagePreloader.src = fetchedImages[elementID].image;
}
}
allPreloaded = 1;
}
function setImageBorder(id, markerID)
{
if(document.getElementById)
{
for (var i=0; i < imgThumbArr.length; i++ )
{
if (document.getElementById(imgThumbArr[i]))
{
document.getElementById(imgThumbArr[i]).className = 'image';
}
}
for (var i=0; i < imgThumbMarkerArr.length; i++ )
{
if (document.getElementById(imgThumbMarkerArr[i]))
{
document.getElementById(imgThumbMarkerArr[i]).src = '';
}
}
document.getElementById(id).className = 'imgborderon';
if(markerID) {
document.getElementById(markerID).src = '';
}
}
else if (document.layers)
{
for (var i=0; i < imgThumbArr.length; i++ )
{
if (document.imgThumbArr[i])
{
document.imgThumbArr[i].className = 'image';
}
}
for (var i=0; i < imgThumbMarkerArr.length; i++ )
{
if (document.imgThumbMarkerArr[i])
{
document.imgThumbMarkerArr[i].src = '';
}
}
document.id.className = 'imgborderon';
if(markerID) {
document.markerID.src = '';
}
}
else
{
for (var i=0; i < imgThumbArr.length; i++ )
{
if (document.all.imgThumbArr[i])
{
document.all.imgThumbArr[i].className = 'image';
}
}
for (var i=0; i < imgThumbMarkerArr.length; i++ )
{
if (document.all.imgThumbMarkerArr[i])
{
document.all.imgThumbMarkerArr[i].src = '';
}
}
document.all.id.className = 'imgborderon';
if(markerID) {
document.all.markerID.src = '';
}
}
}
var currentSpinFrameNum = 0;
var totalNumSpinFrames = 16;
function spinLeft()
{
if(document.getElementById('imageViewerDiv')) {
currentSpinFrameNum = ((currentSpinFrameNum – 1) + totalNumSpinFrames) % totalNumSpinFrames;
if(document.getElementById('prodImage')) {
document.getElementById('prodImage').src = spinPreloader[currentSpinFrameNum].src;
}
}
}
function spinRight()
{
if(document.getElementById('imageViewerDiv')) {
currentSpinFrameNum = (currentSpinFrameNum + 1) % totalNumSpinFrames;
if(document.getElementById('prodImage')) {
document.getElementById('prodImage').src = spinPreloader[currentSpinFrameNum].src;
}
}
}
var playSpin = 0; //1=Spin is playing, 0=Not playing
var playSpinInit = 0;
var spinDelay = 100; //Delay between frames in ms
function toggleSpinPlay()
{
if(!playSpinInit) {
playSpinInit = 1;
setTimeout("spinPlayHandler()", spinDelay);
}
playSpin = !playSpin;
setPlayPauseButton();
}
function setPlayPauseButton()
{
if(document.getElementById('spinPlayPauseButton')) {
if(playSpin) {
document.getElementById('spinPlayPauseButton').src = "";
} else {
document.getElementById('spinPlayPauseButton').src = "";
}
}
}
// Force spin playing to stop
function spinStop()
{
playSpin = 0;
setPlayPauseButton();
}
function spinPlayHandler()
{
setTimeout("spinPlayHandler()", spinDelay);
if(document.getElementById('spinSpeed')) {
document.getElementById('spinSpeed').innerHTML = spinDelay + "ms";
}
if(playSpin) {
spinRight();
}
}
function showSpinControls() {
var spinLeftRightText = ('');
var spinButtons = '‘ +
‘‘ +
‘‘;
document.getElementById(‘zoomTextDiv’).innerHTML = spinLeftRightText;
document.getElementById(‘zoomButtonsDiv’).innerHTML = spinButtons;
}
// Handle a click on the spin image, move it left or right one frame
function handleSpinClick( obj, evt )
{
// initializing variables
var isMac = navigator.userAgent.indexOf(“Mac”) != -1;
var browser = navigator.userAgent.toLowerCase();
var xCoord;
var yCoord;
if(evt.offsetX) xCoord = evt.offsetX + ((isMac) ? document.body.scrollLeft : 0);
else if(evt.layerX) xCoord = evt.layerX – obj.x;
if(evt.offsetY) yCoord = evt.offsetY + ((isMac) ? document.body.scrollTop : 0);
else if(evt.layerY) yCoord = evt.layerY – obj.y;
xCoord = (browser.indexOf(“ie”) + 1)?evt.x:evt.layerX;
yCoord = (browser.indexOf(“ie”) + 1)?evt.y:evt.layerY;
var imgWidth = 0;
var imgHeight = 0;
if(document.getElementById(‘prodImage’)) {
imgWidth = document.getElementById(‘prodImage’).width;
imgHeight = document.getElementById(‘prodImage’).height;
}
if(imgWidth > 0 && imgHeight > 0) {
if(xCoord > imgWidth / 2) {
spinRight();
} else {
spinLeft();
}
}
}
// Handle a mouse drag on the spin image, moving the image left or right with the mouse
// Need to create drag functionality using down, up, and move functions
var spinStartX = 0;
var spinStartY = 0;
var spinDragOn = 0;
var spinDragUsed = 0;
function handleSpinDown( obj, evt )
{
spinDragUsed = 0;
// Stop spin and do handle drag when spin is playing, but do not handle click, so pretent we dragged
if(playSpin) {
spinStop();
spinDragUsed = 1;
}
// initializing variables
var isMac = navigator.userAgent.indexOf(“Mac”) != -1;
var browser = navigator.userAgent.toLowerCase();
var xCoord;
var yCoord;
if(evt.offsetX) xCoord = evt.offsetX + ((isMac) ? document.body.scrollLeft : 0);
else if(evt.layerX) xCoord = evt.layerX – obj.x;
if(evt.offsetY) yCoord = evt.offsetY + ((isMac) ? document.body.scrollTop : 0);
else if(evt.layerY) yCoord = evt.layerY – obj.y;
xCoord = (browser.indexOf(“ie”) + 1)?evt.x:evt.layerX;
yCoord = (browser.indexOf(“ie”) + 1)?evt.y:evt.layerY;
spinStartX = xCoord;
spinStartY = yCoord;
spinDragOn = 1;
}
function handleSpinUp( obj, evt, onmouseout )
{
spinDragOn = 0;
// If user clicked down and up but never dragged, signal a mouse click instead of a drag
if(!spinDragUsed && !onmouseout) {
handleSpinClick(obj, evt);
}
}
function handleSpinMove( obj, evt )
{
if(!spinDragOn) {
return;
}
// initializing variables
var isMac = navigator.userAgent.indexOf(“Mac”) != -1;
var browser = navigator.userAgent.toLowerCase();
var xCoord;
var yCoord;
if(evt.offsetX) xCoord = evt.offsetX + ((isMac) ? document.body.scrollLeft : 0);
else if(evt.layerX) xCoord = evt.layerX – obj.x;
if(evt.offsetY) yCoord = evt.offsetY + ((isMac) ? document.body.scrollTop : 0);
else if(evt.layerY) yCoord = evt.layerY – obj.y;
xCoord = (browser.indexOf(“ie”) + 1)?evt.x:evt.layerX;
yCoord = (browser.indexOf(“ie”) + 1)?evt.y:evt.layerY;
var xDiff = xCoord – spinStartX;
var yDiff = yCoord – spinStartY;
if(xDiff 10) {
spinRight();
spinStartX = xCoord;
spinStartY = yCoord;
spinDragUsed = 1;
}
}
// Show the given rich media Spin URL that has numFrames frames
function showSpinView( url, numFrames )
{
spinStop();
//Reset current spin frame number to the first frame and set numFrames global
currentSpinFrameNum = 0;
totalNumSpinFrames = numFrames;
spinPreloader = [];
// Calculate spin delay based on total number of frames, total rotation to go around once
var totalRotationTime = 2000;
spinDelay = totalRotationTime / totalNumSpinFrames;
// Hide zoom viewer and show image viewer
hideZoomViewerDiv();
showImageViewerDiv();
//Add images to the preloader
if(document.images) {
for(i = 0; i < totalNumSpinFrames; i++) {
spinPreloader[i] = new Image();
spinPreloader[i].src = url + "+d=_SCR(0," + i + ",0,500)_+e.jpg";
}
}
// Also set the current image to show
spinURL = url + "+d=_SCR(0," + currentSpinFrameNum + ",0,500)_+e.jpg";
if(document.getElementById('imageViewerDiv')) {
document.getElementById('imageViewerDiv').innerHTML =
"
“;
}
showSpinControls();
}
zoomFetchImage(“zoominoff”,”http://g-ec2.images-amazon.com/images/G/09/richmedia/zoom/buttons/zoom-in-off._V33501675_.gif”);
zoomFetchImage(“zoomoutoff”,”http://g-ec2.images-amazon.com/images/G/09/richmedia/zoom/buttons/zoom-out-off._V33501674_.gif”);
zoomFetchImage(“resetoff”,”http://g-ec2.images-amazon.com/images/G/09/richmedia/zoom/buttons/zoom-reset-off._V33501669_.gif”);