{"id":124,"date":"2024-09-01T21:29:28","date_gmt":"2024-09-01T13:29:28","guid":{"rendered":"https:\/\/203929.xyz\/?page_id=124"},"modified":"2024-09-04T00:53:26","modified_gmt":"2024-09-03T16:53:26","slug":"%f0%9f%93%b7","status":"publish","type":"page","link":"https:\/\/203929.xyz\/index.php\/%f0%9f%93%b7\/","title":{"rendered":"\u8db3\u8ff9\ud83d\udcf7"},"content":{"rendered":"    <div class=\"custom-album-container\">\n        <div class=\"custom-album-list\">\n            <ul>\n                <li onclick=\"document.getElementById('harbin').style.display='block'; document.getElementById('vladivostok').style.display='none';\">\u54c8\u5c14\u6ee8<\/li>\n                <li onclick=\"document.getElementById('harbin').style.display='none'; document.getElementById('vladivostok').style.display='block';\">\u6d77\u53c2\u5d34<\/li>\n            <\/ul>\n        <\/div>\n\n        <div class=\"custom-image-gallery hidden\" id=\"harbin\" style=\"display:none;\">\n            <img decoding=\"async\" src=\"https:\/\/photo.203929.xyz\/i.php?\/upload\/2024\/09\/03\/20240903010746-5e8c20d6-la.jpg\" alt=\"\u54c8\u5c14\u6ee81\">\n            <img decoding=\"async\" src=\"https:\/\/photo.203929.xyz\/_data\/i\/upload\/2024\/09\/03\/20240903010728-4462a347-la.jpg\" alt=\"\u54c8\u5c14\u6ee82\">\n            <img decoding=\"async\" src=\"https:\/\/photo.203929.xyz\/_data\/i\/upload\/2024\/09\/03\/20240903010725-5ce60485-la.jpg\" alt=\"\u54c8\u5c14\u6ee83\">\n            <img decoding=\"async\" src=\"https:\/\/photo.203929.xyz\/_data\/i\/upload\/2024\/09\/03\/20240903010658-023500ad-la.jpg\" alt=\"\u54c8\u5c14\u6ee84\">\n        <\/div>\n\n        <div class=\"custom-image-gallery hidden\" id=\"vladivostok\" style=\"display:none;\">\n            <img decoding=\"async\" src=\"https:\/\/photo.203929.xyz\/i.php?\/upload\/2024\/09\/04\/20240904010233-6bf889a3-xs.jpg\" alt=\"\u6d77\u53c2\u5d341\">\n            <img decoding=\"async\" src=\"https:\/\/photo.203929.xyz\/i.php?\/upload\/2024\/09\/04\/20240904010247-ac822442-2s.jpg\" alt=\"\u6d77\u53c2\u5d342\">\n            <img decoding=\"async\" src=\"https:\/\/photo.203929.xyz\/i.php?\/upload\/2024\/09\/04\/20240904010334-5b1f1e14-2s.jpg\" alt=\"\u6d77\u53c2\u5d343\">\n            <img decoding=\"async\" src=\"https:\/\/photo.203929.xyz\/i.php?\/upload\/2024\/09\/04\/20240904010340-4e6e10bd-2s.jpg\" alt=\"\u6d77\u53c2\u5d344\">\n            <img decoding=\"async\" src=\"https:\/\/photo.203929.xyz\/i.php?\/upload\/2024\/09\/04\/20240904010345-259730b8-2s.jpg\" alt=\"\u6d77\u53c2\u5d345\">\n            <img decoding=\"async\" src=\"https:\/\/photo.203929.xyz\/i.php?\/upload\/2024\/09\/04\/20240904010350-35acb7f0-2s.jpg\" alt=\"\u6d77\u53c2\u5d346\">\n            <img decoding=\"async\" src=\"https:\/\/photo.203929.xyz\/i.php?\/upload\/2024\/09\/04\/20240904010355-1be7cd1d-2s.jpg\" alt=\"\u6d77\u53c2\u5d347\">\n            <img decoding=\"async\" src=\"https:\/\/photo.203929.xyz\/i.php?\/upload\/2024\/09\/04\/20240904010418-e67cd791-2s.jpg\" alt=\"\u6d77\u53c2\u5d348\">\n            <img decoding=\"async\" src=\"https:\/\/photo.203929.xyz\/i.php?\/upload\/2024\/09\/04\/20240904010422-23c50e76-2s.jpg\" alt=\"\u6d77\u53c2\u5d349\">\n            <img decoding=\"async\" src=\"https:\/\/photo.203929.xyz\/i.php?\/upload\/2024\/09\/04\/20240904010428-6ac7a6b7-2s.jpg\" alt=\"\u6d77\u53c2\u5d3410\">\n            <img decoding=\"async\" src=\"https:\/\/photo.203929.xyz\/i.php?\/upload\/2024\/09\/04\/20240904010431-bd0455c1-xs.jpg\" alt=\"\u6d77\u53c2\u5d3411\">\n            <img decoding=\"async\" src=\"https:\/\/photo.203929.xyz\/i.php?\/upload\/2024\/09\/04\/20240904010442-2964c5f1-sm.jpg\" alt=\"\u6d77\u53c2\u5d3412\">\n            <img decoding=\"async\" src=\"https:\/\/photo.203929.xyz\/i.php?\/upload\/2024\/09\/04\/20240904010233-6bf889a3-xs.jpg\" alt=\"\u6d77\u53c2\u5d3413\">\n        <\/div>\n    <\/div>\n\n    <style>\n        .custom-album-container {\n            display: flex;\n            margin: 20px auto;\n            max-width: 1000px;\n            background-color: #2c2c2c;\n            border-radius: 8px;\n            padding: 20px;\n            box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);\n        }\n\n        .custom-album-list {\n            width: 25%;\n            padding: 10px;\n            background-color: #333;\n            border-right: 1px solid #444;\n            border-radius: 8px 0 0 8px;\n        }\n\n        .custom-album-list ul {\n            list-style-type: none;\n            padding: 0;\n            margin: 0;\n        }\n\n        .custom-album-list li {\n            padding: 10px;\n            cursor: pointer;\n            border-bottom: 1px solid #444;\n            transition: background-color 0.3s ease, color 0.3s ease;\n            color: #ccc;\n            font-weight: bold;\n            text-align: center;\n            border-radius: 4px;\n        }\n\n        .custom-album-list li:hover {\n            background-color: #444;\n            color: #fff;\n        }\n\n        .custom-image-gallery {\n            width: 75%;\n            padding: 20px;\n            display: flex;\n            flex-wrap: wrap;\n            gap: 15px;\n            justify-content: space-around;\n        }\n\n        .custom-image-gallery img {\n            max-width: calc(50% - 15px);\n            height: auto;\n            border-radius: 8px;\n            transition: transform 0.3s ease, box-shadow 0.3s ease;\n            box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);\n        }\n\n        .custom-image-gallery img:hover {\n            transform: scale(1.05);\n            box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.3);\n        }\n    <\/style>\n\n    <script>\n        window.onload = function() {\n            let imageGalleries = document.querySelectorAll('.custom-image-gallery');\n    \n            imageGalleries.forEach(function(gallery) {\n                let verticalImages = [];\n                let horizontalImages = [];\n    \n                gallery.querySelectorAll('img').forEach(function(img) {\n                    let imgRatio = img.naturalWidth \/ img.naturalHeight;\n    \n                    if (imgRatio > 1) {\n                        horizontalImages.push(img); \/\/ \u6a2a\u7740\u7684\u56fe\u7247\n                    } else {\n                        verticalImages.push(img); \/\/ \u7ad6\u7740\u7684\u56fe\u7247\n                    }\n                });\n    \n                \/\/ \u4ec5\u8c03\u6574\u7ad6\u7740\u56fe\u7247\u7684\u5bbd\u5ea6\n                verticalImages.forEach(function(img) {\n                    img.style.width = 'calc(50% - 15px)';\n                    gallery.appendChild(img);\n                });\n    \n                \/\/ \u6a2a\u7740\u7684\u56fe\u7247\u4fdd\u6301\u539f\u59cb\u5927\u5c0f\uff0c\u65e0\u9700\u8c03\u6574\u5bbd\u5ea6\n                horizontalImages.forEach(function(img) {\n                    gallery.appendChild(img);\n                });\n            });\n        };\n    <\/script>\n\n\n    \n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-124","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/203929.xyz\/index.php\/wp-json\/wp\/v2\/pages\/124","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/203929.xyz\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/203929.xyz\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/203929.xyz\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/203929.xyz\/index.php\/wp-json\/wp\/v2\/comments?post=124"}],"version-history":[{"count":19,"href":"https:\/\/203929.xyz\/index.php\/wp-json\/wp\/v2\/pages\/124\/revisions"}],"predecessor-version":[{"id":173,"href":"https:\/\/203929.xyz\/index.php\/wp-json\/wp\/v2\/pages\/124\/revisions\/173"}],"wp:attachment":[{"href":"https:\/\/203929.xyz\/index.php\/wp-json\/wp\/v2\/media?parent=124"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}