<!DOCTYPE HTML PUBLIC "HTML 3.2">

<!-- IBM HomePage Builder for Windows  version 2.0.3 -->

<!-- 21:41 2012/11/20 -->


<HTML>

<HEAD>

<meta http-equiv="Content-type"
         content="text/html; charset=Shift_JIS">

<TITLE>messier</TITLE>

<SCRIPT LANGUAGE="JavaScript">

function navi_modoru(){

     parent.location="../../index.html"

}

</SCRIPT>

</HEAD>


<BODY bgcolor="#bebebe">

<!--

<FORM NAME="myform" ACTION="" METHOD="GET">

<INPUT TYPE="button" NAME="button" VALUE="戻る" onClick="navi_modoru()">

</FORM>

-->


<H1 align="center"><EM><FONT color="#8000ff">銀河系の勉強</FONT>　　</EM></H1>

<!--<H2 align="center">Yutaka Tawara</H2>-->

<A href="../../index.html"><H2><FONT><B>もどる</FONT></H2></A>

<br>

<!-- zuumIn,zoomOut,next by ChatGPT 2024.3.8-->

メシエカタログの天体と、銀河系について勉強する。9:48 2024/03/13<br>

参照：国立天文台　https://www.nao.ac.jp/gallery/messiers.html<br>


<FONT size="5"><A href="../planet/planet.html"><font color=green size="5">太陽系<FONT color="red"></font></A>　

<FONT size="5"><A href="../constellation/constellation.html"><font color=green size="5">星座<FONT color="red"></font></A>　

<FONT size="5"><A href="../seizae/seizae.html"><font color=green size="5">星座絵<FONT color="red"></font></A>　

<FONT size="5"><A href="../seizae/seizae2.html"><font color=green size="5">星座絵２<FONT color="red"></font></A>　

<FONT size="5"><A href="../galaxy/galaxy.html"><font color=green size="5">銀河<FONT color="red"></font></A>


<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>messier</title>

<style>

    .image-container {

        text-align: center;

    }

    img {

        max-width: 100%;

        max-height: 400px;

        transition: transform 0.5s ease;

    }

</style>


</head>

<body>


<p id="currentIndex"></p>

<div style="text-align: left; margin-top: 20px;">

    <button onclick="nextImage()">next</button>

    <button onclick="backImage()">back</button>

<br>

    <button onclick="zoomIn()">ズームイン</button>

<br>

    <button onclick="zoomOut()">ズームアウト</button>

</div>


<div class="image-container">

    <img id="zoomImage" src="" alt="Zoom Image">

</div>


<script>

//画像を格紊する配列の作成


 var imagesA = [


"pictures/M1_m1rgb.jpg",

"pictures/M2_m2.jpg",

"pictures/M3_m3.jpg",

"pictures/M3_m3_i.jpg",

"pictures/M4_m4.jpg",

"pictures/M5_m5.jpg",

"pictures/M6_m6_w.jpg",

"pictures/M7_m7.jpg",

"pictures/M7_m7_w.jpg",

"pictures/M8_m8_w.jpg",

"pictures/M8_m8rgb.jpg",

"pictures/M8_m8rgb_z.jpg",

"pictures/M9_m9.jpg",

"pictures/M10_m10.jpg",

"pictures/M11_m11.jpg",

"pictures/M12_m12.jpg",

"pictures/M13_m13.jpg",

"pictures/M14_m14.jpg",

"pictures/M15_m15.jpg",

"pictures/M16_m16.jpg",

"pictures/M16_m16z.jpg",

"pictures/M17_m17mo_l.jpg",

"pictures/M17_m17mo_s.jpg",

"pictures/M18_m18.jpg",

"pictures/M19_m19.jpg",

"pictures/M20_m20rgb.jpg",

"pictures/M21_m21.jpg",

"pictures/M22_m22.jpg",

"pictures/M23_m23.jpg",

"pictures/M24_m24.jpg",

"pictures/M25_m25.jpg",

"pictures/M26_m26.jpg",

"pictures/M27_m27lrgb.jpg",

"pictures/M27_m27rgb.jpg",

"pictures/M28_m28.jpg",

"pictures/M29_m29.jpg",

"pictures/M30_m30.jpg",

"pictures/M31_m31.jpg",

"pictures/M31_m31_w1.jpg",

"pictures/M31_m31w_rgb.jpg",

"pictures/M31_Andromeda_Galaxy_(with_h-alpha).jpg",

"pictures/M32_m32.jpg",

"pictures/M33_m33rgb.jpg",

"pictures/M34_m34.jpg",

"pictures/M35_m35.jpg",

"pictures/M35_m35_w.jpg",

"pictures/M35_m35_w2.jpg",

"pictures/M35_m35-20210131-full.jpg",

"pictures/M36_m36.jpg",

"pictures/M37_m37.jpg",

"pictures/M37_m37-20211203-full.jpg",

"pictures/M38_m38.jpg",

"pictures/M38_m38_w.jpg",

"pictures/M39_m39.jpg",

"pictures/M41_m41.jpg",

"pictures/M41_m41_w.jpg",

"pictures/M42_m42.jpg",

"pictures/M42_m42_c.jpg",

"pictures/M42_m42_w.jpg",

"pictures/M42_m42mo_l.jpg",

"pictures/M42_m42mo_s.jpg",

"pictures/M42_m42-20221223-full.jpg",

"pictures/M43_m43.jpg",

"pictures/M44_m44_w.jpg",

"pictures/M44_m44_w2.jpg",

"pictures/M44_m44-20210131-full.jpg",

"pictures/M45_m45w.jpg",

"pictures/M45_m45w_rgb.jpg",

"pictures/M45_m45-20211110-full.jpg",

"pictures/M46_m46_47_w.jpg",

"pictures/M46_m46.jpg",

"pictures/M47_m47.jpg",

"pictures/M48_m48.jpg",

"pictures/M48_m48-20230120-full.jpg",

"pictures/M49_m49.jpg",

"pictures/M50_m50.jpg",

"pictures/M50_m50_w.jpg",

"pictures/M51_m51.jpg",

"pictures/M52_m52.jpg",

"pictures/M53_m53.jpg",

"pictures/M54_m54.jpg",

"pictures/M55_m55.jpg",

"pictures/M56_m56.jpg",

"pictures/M57_m57.jpg",

"pictures/M57_m57_mem.jpg",

"pictures/M57_m57halo.jpg",

"pictures/M57_m57lrgb.jpg",

"pictures/M57_m57lrgbm.jpg",

"pictures/M57_m57rgb.jpg",

"pictures/M57_m57rgb_m.jpg",

"pictures/M58_m58.jpg",

"pictures/M59_m59.jpg",

"pictures/M60_m60.jpg",

"pictures/M61_m61.jpg",

"pictures/M62_m62.jpg",

"pictures/M63_m63.jpg",

"pictures/M64_m64.jpg",

"pictures/M65_m65.jpg",

"pictures/M66_m66.jpg",

"pictures/M67_m67_w.jpg",

"pictures/M67_m67-20210131-full.jpg",

"pictures/M68_m68.jpg",

"pictures/M69_m69.jpg",

"pictures/M70_m70.jpg",

"pictures/M71_m71.jpg",

"pictures/M72_m72.jpg",

"pictures/M73_m73.jpg",

"pictures/M74_m74.jpg",

"pictures/M75_m75.jpg",

"pictures/M76_m76rgb.jpg",

"pictures/M77_m77.jpg",

"pictures/M78_m78rgb.jpg",

"pictures/M79_m79.jpg",

"pictures/M80_m80.jpg",

"pictures/M81_m81.jpg",

"pictures/M82_m82rgb.jpg",

"pictures/M83_m83.jpg",

"pictures/M84_m84.jpg",

"pictures/M85_m85.jpg",

"pictures/M86_m86.jpg",

"pictures/M87_m87.jpg",

"pictures/M88_m88.jpg",

"pictures/M89_m89.jpg",

"pictures/M90_m90.jpg",

"pictures/M91_m91.jpg",

"pictures/M92_m92.jpg",

"pictures/M93_m93.jpg",

"pictures/M94_m94.jpg",

"pictures/M95_m95.jpg",

"pictures/M96_m96.jpg",

"pictures/M97_m97rgb.jpg",

"pictures/M98_m98.jpg",

"pictures/M99_m99.jpg",

"pictures/M100_m100.jpg",

"pictures/M101_m101.jpg",

"pictures/M101_m101_2.jpg",

"pictures/M103_m103.jpg",

"pictures/M104_m104rgb.jpg",

"pictures/M105_m105.jpg",

"pictures/M106_m106.jpg",

"pictures/M107_m107.jpg",

"pictures/M108_m108.jpg",

"pictures/M109_m109.jpg",

"pictures/M110_m110.jpg",

"pictures/NGC4038_n4038_39.jpg",

"pictures/NGC4051_ngc4051.jpg",

"pictures/NGC4051_ngc4051z.jpg",

"pictures/NGC4548_ngc4548.jpg",

"pictures/NGC4565_ngc4565.jpg",

"pictures/NGC5921_ngc5921.jpg",

"pictures/NGC7317_stephan.jpg",

"pictures/NGC7479_ngc7479.jpg",

"pictures/NGC7741_7741rgb.jpg",

"pictures/PGC2248_cwg.jpg",

"pictures/Abell851_abel851z.jpg",

"pictures/Abell851_abell851.jpg",

"pictures/HicksonGroup_hcg40.jpg",

"pictures/HicksonGroup_hcg40z.jpg"


 ];

 
    var currentIndex = -1;

 
    var zoomLevel = 1;


    var zoomImage = document.getElementById("zoomImage");


    function zoomIn() {

        zoomLevel += 0.2;

        zoomImage.style.transform = "scale(" + zoomLevel + ")";

    }


    function zoomOut() {

        zoomLevel -= 0.2;

        if (zoomLevel < 0.2) {

            zoomLevel = 0.2;

        }

        zoomImage.style.transform = "scale(" + zoomLevel + ")";

    }


    function nextImage() {

        currentIndex = (currentIndex + 1) % imagesA.length;

        zoomLevel = 1; // Reset zoom level when changing images

        zoomImage.src = imagesA[currentIndex];

        zoomImage.style.transform = "scale(" + zoomLevel + ")";

    }


    function backImage() {

      if( currentIndex > 0 )

      {

        currentIndex = (currentIndex - 1) % imagesA.length;

        zoomLevel = 1; // Reset zoom level when changing images

        zoomImage.src = imagesA[currentIndex];

        zoomImage.style.transform = "scale(" + zoomLevel + ")";

      }

    }


    // 初期画像の表示

    nextImage();


</script>


</body>

</html>

<br>

　
</BODY>

</HTML>