{"product_id":"我相港故-學生攝影比賽-我最喜愛港故人-中學組投票區","title":"【我相港故】學生攝影比賽「我最喜愛港故人」中學組投票區","description":"\u003cstyle\u003e\n        * {\n            box-sizing: border-box;\n        }\n        p {\n            margin-top: 0;\n            margin-bottom: 16px;\n            text-align: justify;\n        }\n        strong {\n            font-weight: bold;\n        }\n\n        .container {\n            max-width: 100%;\n            margin: 0 auto;\n            padding: 0 8px;\n        }\n        .highlight-title {\n            color: rgb(255, 42, 0);\n            font-size: 20px;\n            margin-top: 24px;\n            margin-bottom: 8px;\n            display: block;\n        }\n\n        \/* 使用Grid实现3列，同行卡片自动等高 *\/\n        .image-grid {\n            display: grid;\n            grid-template-columns: repeat(3, 1fr);\n            row-gap: 6px;    \/* 行间距 调紧凑 *\/\n            column-gap: 4px; \/* 列间距 *\/\n        }\n        .img-item {\n            display: flex;\n            flex-direction: column;\n            gap: 2px; \/* 图片 ↔ 标题 间隙 *\/\n            height: 100%; \/* Grid格子内，卡片占满格子高度，实现同行等高 *\/\n        }\n        .img-item-img-wrap {\n            flex: 1; \/* 图片容器自动拉伸，同行高度统一 *\/\n            min-height: 0;\n        }\n        .img-item-img-wrap img {\n            display: block;\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n            border-radius: 4px;\n            margin: 0;\n        }\n        .img-item-title {\n            font-size: 13px;\n            text-align: center;\n            color: #333;\n            margin:0;\n            line-height:1.3;\n        }\n\n@media (max-width: 599px) {\n    .image-grid {\n        grid-template-columns: 1fr;\n        row-gap: 6px;\n        column-gap: 4px;\n    }\n}\n\n\/* 翻页控件 *\/\n.img-carousel {\n    margin:12px 0;\n}\n.carousel-slide {\n    display: none;\n}\n.carousel-slide.active {\n    display: block;\n}\n.carousel-controls {\n    display:flex;\n    align-items:center;\n    justify-content:center;\n    gap:16px;\n    margin-top:16px;\n}\n.carousel-btn {\n    padding:6px 14px;\n    border:1px solid #aaa;\n    background:#fff;\n    border-radius:4px;\n    cursor:pointer;\n}\n.carousel-btn:disabled {\n    opacity:0.4;\n    cursor:not-allowed;\n}\n.carousel-page {\n    font-size:14px;\n    color:#555;\n}\n\u003c\/style\u003e\n\u003cp\u003e【我相港故】學生攝影比賽\u003cbr\u003e*「我最喜愛港故人」中學組 投票區*\u003c\/p\u003e\n\u003cp\u003e想同大家「港故仔」？立即 Share畀Friend 鬥多Like！！\u003cbr\u003e馬上參加「我最喜愛港故人」投票，選出你最喜愛的照片，支持參賽者！\u003cbr\u003e各組首名最高票數的作品，將展出於「我相港故」慈善攝影展覽中 (展覽詳情：\u003ca href=\"https:\/\/bit.ly\/2KasOBr\"\u003e\u003cspan style=\"color: rgb(0, 170, 255);\"\u003ehttps:\/\/bit.ly\/2KasOBr\u003c\/span\u003e\u003c\/a\u003e )\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e當按Like 時，投票人須登入Facebook 或 確認Facebook 身份\u003cbr\u003e\n\u003c\/li\u003e\n\u003cli\u003e每人只可投同一張相片一次\u003cbr\u003e\n\u003c\/li\u003e\n\u003cli\u003e投票時間： 2018年6月6日至6月11日晚上12時正截止\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e如有任何爭議，Lifewire護．聯網保留行使最終決定及解釋權，恕不另行通知。\u003cbr\u003e結果公佈日期：2018年7月5日\u003cbr\u003e如有任何查詢，歡迎聯絡項目負責人張先生\u003cbr\u003e(電郵：\u003cspan style=\"text-decoration: underline;\"\u003ecory.cheung@chunwo.com\u003c\/span\u003e 電話：3758 8569 \/ 3758 8701)\u003c\/p\u003e\n\u003cdiv class=\"container\"\u003e\n    \u003cspan class=\"highlight-title\"\u003e图集\u003c\/span\u003e\n\n    \u003cdiv class=\"img-carousel\" id=\"myCarousel\"\u003e\n        \u003cdiv class=\"carousel-controls\"\u003e\n            \u003cbutton class=\"carousel-btn prev\"\u003e上一页\u003c\/button\u003e\n            \u003cspan class=\"carousel-page\"\u003e\u003c\/span\u003e\n            \u003cbutton class=\"carousel-btn next\"\u003e下一页\u003c\/button\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003e\n\/\/ 图片数组，在这里维护\nconst allImages = [\n       {src:\"https:\/\/cdn.shopify.com\/s\/files\/1\/0651\/3934\/3478\/files\/01_65e81e3e-c6e2-4a24-9313-cdd2b353a069.png?v=1787301211\", title:\"Hugo Leung - 大坑舞火龍\"},\n    {src:\"https:\/\/cdn.shopify.com\/s\/files\/1\/0651\/3934\/3478\/files\/02_64ef2344-ef0f-40c3-a4f3-2e9dd3a4ddf6.png?v=1787301204\", title:\"Yim Chi Hon - 上天隨時開住大門迎接你\"},\n    {src:\"https:\/\/cdn.shopify.com\/s\/files\/1\/0651\/3934\/3478\/files\/02_a582551f-ad29-4838-ba28-2dbdafbaf6cb.jpg?v=1787282528\", title:\"王浚亘 - 香港夜生活中最具代表的畫面\"},\n    {src:\"https:\/\/cdn.shopify.com\/s\/files\/1\/0651\/3934\/3478\/files\/04_2e314f79-7e0e-4fb7-92b0-ad9a592a334d.png?v=1787301293\", title:\"劉博偉 - 繁華之中，鬧市之下\"},\n    {src:\"https:\/\/cdn.shopify.com\/s\/files\/1\/0651\/3934\/3478\/files\/05_64fcaeb0-cd17-4af5-9e35-4a5388cdc476.png?v=1787301352\", title:\"丁榮軒 - 石澳的情人橋\"},\n    {src:\"https:\/\/cdn.shopify.com\/s\/files\/1\/0651\/3934\/3478\/files\/06_17af99e8-ef61-4b4e-a548-8da309c84bcb.png?v=1787301352\", title:\"Man Kit Yip - 努力成就了今天令我們自豪的香港\"},\n    {src:\"https:\/\/cdn.shopify.com\/s\/files\/1\/0651\/3934\/3478\/files\/07_d94e810e-c0ee-4726-8720-932b80db0357.png?v=1787301344\", title:\"Terence Yu - 有一種香港情懷叫電車\"},\n    {src:\"https:\/\/cdn.shopify.com\/s\/files\/1\/0651\/3934\/3478\/files\/08_3f67b824-b869-4b1e-8ab4-59b957f27036.png?v=1787301347\", title:\"Yip Pak Ming - 不畏艱辛便是香港精神\"},\n    {src:\"https:\/\/cdn.shopify.com\/s\/files\/1\/0651\/3934\/3478\/files\/09_7d86d3d8-cb52-4ca0-87b2-4a55ea4914aa.png?v=1787301351\", title:\"劉嘉朗 - 北角春秧街街市的電車與街坊\"},\n    {src:\"https:\/\/cdn.shopify.com\/s\/files\/1\/0651\/3934\/3478\/files\/04_7297d556-7e3f-4c15-8901-15629a1065b7.jpg?v=1787283022\", title:\"Chow Zi Hao Marcus - 電車見證我城的流光歲月\"},\n    {src:\"https:\/\/cdn.shopify.com\/s\/files\/1\/0651\/3934\/3478\/files\/11_a34f967a-f7e3-40eb-83fd-ea7b83f464af.png?v=1787301468\", title:\"Poon Wai Yin - 香港是一個與山並存的城市\"},\n    {src:\"https:\/\/cdn.shopify.com\/s\/files\/1\/0651\/3934\/3478\/files\/12_f442c6d0-2cb8-44bb-8979-791097f3721b.png?v=1787301463\", title:\"陳海軒 - 屯門碼頭，放鬆壓力憂愁\"},\n    {src:\"https:\/\/cdn.shopify.com\/s\/files\/1\/0651\/3934\/3478\/files\/13_b1976b31-9206-448f-84d3-6966feb305e7.png?v=1787301470\", title:\"陳歆然 - 舊式香港的街道充滿了人情味\"},\n    {src:\"https:\/\/cdn.shopify.com\/s\/files\/1\/0651\/3934\/3478\/files\/05_943fd3d9-9c75-478f-8848-06b6c51c89a3.jpg?v=1787283022\", title:\"鄭鍵樺 - 香港的漁村如夕陽一般漸漸落下\"},\n    {src:\"https:\/\/cdn.shopify.com\/s\/files\/1\/0651\/3934\/3478\/files\/15_431fe14b-2609-436b-b543-ad766159d518.png?v=1787301681\", title:\"阮德誠 - 幾辛苦都好～抖下先～再繼續工作～\"},\n    {src:\"https:\/\/cdn.shopify.com\/s\/files\/1\/0651\/3934\/3478\/files\/16_b86c02dd-779d-429e-9565-011f642e5e8d.png?v=1787301687\", title:\"鄒濠龍 - 怪。獸。大。廈。\"},\n    {src:\"https:\/\/cdn.shopify.com\/s\/files\/1\/0651\/3934\/3478\/files\/17_bba970d2-50c0-4245-9b57-7ca6cde8540e.png?v=1787301687\", title:\"歐家耀 - 希望香港人好好真惜自己的童年\"},\n    {src:\"https:\/\/cdn.shopify.com\/s\/files\/1\/0651\/3934\/3478\/files\/18_28e127b2-d058-417b-a6ae-11600c476850.png?v=1787301678\", title:\"Kevin Chung - 《香港早晨》\"},\n    {src:\"https:\/\/cdn.shopify.com\/s\/files\/1\/0651\/3934\/3478\/files\/19_3a238225-27f2-46c5-8b28-7db6c04bd512.png?v=1787301654\", title:\"Hung Long Kei - 旭日東升\"},\n    {src:\"https:\/\/cdn.shopify.com\/s\/files\/1\/0651\/3934\/3478\/files\/20_1e94eab7-43eb-48bd-ac0a-acce3e0855c7.png?v=1787301616\", title:\"胡博彥 - 舊建築成為了城市的縮影\"},\n    {src:\"https:\/\/cdn.shopify.com\/s\/files\/1\/0651\/3934\/3478\/files\/21_5e17fb38-5cf0-49aa-863e-dc88e0bde8c5.png?v=1787301655\", title:\"盧侃兒 - 水天一色,青山交匯,是熱鬧中的寶藏\"},\n    {src:\"https:\/\/cdn.shopify.com\/s\/files\/1\/0651\/3934\/3478\/files\/22_71e952fd-199f-4d60-97da-6e2198b54442.png?v=1787301673\", title:\"李駿濠 - 盼望香港人能在煩囂中也有停下來的時候\"},\n    {src:\"https:\/\/cdn.shopify.com\/s\/files\/1\/0651\/3934\/3478\/files\/23.png?v=1787301653\", title:\"Brandon - Lucky 古洞 sunny capture\"},\n    {src:\"https:\/\/cdn.shopify.com\/s\/files\/1\/0651\/3934\/3478\/files\/24_8e48a35a-7e38-4a97-ba11-1525fe10c708.png?v=1787301681\", title:\"图片标题 24\"},\n    {src:\"https:\/\/cdn.shopify.com\/s\/files\/1\/0651\/3934\/3478\/files\/25_f9773c72-94d7-4d3a-b0cc-6eeda33a5865.png?v=1787302016\", title:\"图片标题 25\"},\n    {src:\"https:\/\/cdn.shopify.com\/s\/files\/1\/0651\/3934\/3478\/files\/26_f53b5b28-c147-4940-9ea5-dbad3aac898f.png?v=1787301993\", title:\"图片标题 26\"},\n    {src:\"https:\/\/cdn.shopify.com\/s\/files\/1\/0651\/3934\/3478\/files\/27_fe580065-2be8-45c7-b612-241d30f9536c.png?v=1787301994\", title:\"图片标题 27\"},\n    {src:\"https:\/\/cdn.shopify.com\/s\/files\/1\/0651\/3934\/3478\/files\/28.png?v=1787302016\", title:\"图片标题 28\"},\n    {src:\"https:\/\/cdn.shopify.com\/s\/files\/1\/0651\/3934\/3478\/files\/29_15fc0f04-433f-4550-9a1f-3455a26ef4c5.png?v=1787302023\", title:\"图片标题 29\"},\n    {src:\"https:\/\/cdn.shopify.com\/s\/files\/1\/0651\/3934\/3478\/files\/30.png?v=1787302022\", title:\"图片标题 30\"},\n    {src:\"https:\/\/cdn.shopify.com\/s\/files\/1\/0651\/3934\/3478\/files\/31_7b16902d-6ef4-449c-bd54-50594080a95a.png?v=1787302008\", title:\"图片标题 31\"}\n];\n\nconst PER_PAGE = 30;\nconst carousel = document.querySelector('#myCarousel');\nconst controls = carousel.querySelector('.carousel-controls');\nconst prevBtn = carousel.querySelector('.prev');\nconst nextBtn = carousel.querySelector('.next');\nconst pageText = carousel.querySelector('.carousel-page');\n\nfunction buildSlides(){\n    const total = allImages.length;\n    const pageCount = Math.ceil(total \/ PER_PAGE);\n    carousel.querySelectorAll('.carousel-slide').forEach(el=\u003eel.remove());\n\n    for(let p=0; p \u003c pageCount; p++){\n        const slide = document.createElement('div');\n        slide.className = 'carousel-slide';\n        if(p===0) slide.classList.add('active');\n\n        const gridWrap = document.createElement('div');\n        gridWrap.className = 'image-grid';\n\n        const start = p * PER_PAGE;\n        const end = start + PER_PAGE;\n        const pageImgs = allImages.slice(start, end);\n\n        pageImgs.forEach(item=\u003e{\n            const div = document.createElement('div');\n            div.className = 'img-item';\n            div.innerHTML = `\n                \u003cdiv class=\"img-item-img-wrap\"\u003e\n                    \u003cimg src=\"${item.src}\" alt=\"${item.title}\"\u003e\n                \u003c\/div\u003e\n                \u003cp class=\"img-item-title\"\u003e${item.title}\u003c\/p\u003e\n            `;\n            gridWrap.appendChild(div);\n        });\n        slide.appendChild(gridWrap);\n        carousel.insertBefore(slide, controls);\n    }\n}\n\nlet currentPage = 0;\nlet slides;\n\nfunction refresh(){\n    slides = Array.from(carousel.querySelectorAll('.carousel-slide'));\n    const totalPage = slides.length;\n    slides.forEach((s,i)=\u003e s.classList.toggle('active', i === currentPage));\n    pageText.innerText = `${currentPage+1} \/ ${totalPage}`;\n    prevBtn.disabled = currentPage \u003c= 0;\n    nextBtn.disabled = currentPage \u003e= totalPage - 1;\n}\n\nprevBtn.onclick = ()=\u003e{\n    if(currentPage \u003e 0){\n        currentPage--;\n        refresh();\n    }\n};\nnextBtn.onclick = ()=\u003e{\n    if(currentPage \u003c slides.length -1){\n        currentPage++;\n        refresh();\n    }\n};\n\nbuildSlides();\nrefresh();\n\u003c\/script\u003e\n\n","brand":"Lifewire HK","offers":[{"title":"Default Title","offer_id":44034846294134,"sku":null,"price":940.0,"currency_code":"HKD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0651\/3934\/3478\/files\/00_ec359583-cb5e-4376-8a2b-4f7f1b9ecaaf.png?v=1787298319","url":"https:\/\/www.lifewire.hk\/products\/%e6%88%91%e7%9b%b8%e6%b8%af%e6%95%85-%e5%ad%b8%e7%94%9f%e6%94%9d%e5%bd%b1%e6%af%94%e8%b3%bd-%e6%88%91%e6%9c%80%e5%96%9c%e6%84%9b%e6%b8%af%e6%95%85%e4%ba%ba-%e4%b8%ad%e5%ad%b8%e7%b5%84%e6%8a%95%e7%a5%a8%e5%8d%80","provider":"Lifewire HK","version":"1.0","type":"link"}