https://myblog-9mp.pages.dev/tags/%E5%8F%B0%E7%81%A3%E6%96%B0%E5%8C%97/ Recent content in 台灣新北 on Life with everything Hugo -- gohugo.io zh-hant-tw Sun, 12 Feb 2023 00:00:00 +0000 https://myblog-9mp.pages.dev/posts/taiwan-newtaipei-trip-2/ Sun, 12 Feb 2023 00:00:00 +0000 https://myblog-9mp.pages.dev/posts/taiwan-newtaipei-trip-2/ <img src="https://myblog-9mp.pages.dev/posts/taiwan-newtaipei-trip-2/trip-newtaipei-2-1.jpg" alt="Featured image of post 【新北三芝】淺水灣海景餐廳－60年代，招牌菜脆皮雞香脆軟嫩" /><h2 id="餐廳位置">餐廳位置 </h2><p><img loading="lazy" sizes="(max-width: 767px) calc(100vw - 30px), (max-width: 1023px) 700px, (max-width: 1279px) 950px, 1232px" src="https://myblog-9mp.pages.dev/posts/taiwan-newtaipei-trip-2/trip-newtaipei-2-1.jpg"></p> <figure > <img src="https://myblog-9mp.pages.dev/posts/taiwan-newtaipei-trip-2/trip-newtaipei-2-2.jpg" alt="假日用餐人潮多，生意很好" /> <figcaption>假日用餐人潮多，生意很好</figcaption> </figure> <p>今天一家人到淡水半日遊，午餐決定在這間家父吃過一次的60年代用餐； 這是一間海景餐廳，但很可惜淡水今天霧氣重，沒能看到碧海藍天相輝映的模樣。</p> <h2 id="菜單">菜單 </h2><figure > <img src="https://myblog-9mp.pages.dev/posts/taiwan-newtaipei-trip-2/trip-newtaipei-2-3.jpg" alt="菜色種類眾多" /> <figcaption>菜色種類眾多</figcaption> </figure> <p>因為只有三個人的關係，並沒有點到很多菜。 總共是一鍋蛤蜊湯、脆皮雞(半隻)、炒娃娃菜一份、檳榔花(涼拌)一份、綜合生魚片一份、川燙鮮蝦一份、五更腸旺一份。 算是為想吃的菜基本上點了一些。</p> <h2 id="菜色">菜色 </h2><figure > <img src="https://myblog-9mp.pages.dev/posts/taiwan-newtaipei-trip-2/trip-newtaipei-2-4.jpg" alt="白飯免費續用" /> <figcaption>白飯免費續用</figcaption> </figure> <p>這邊白飯內用是無限續用的，外帶則是10元/碗，點的菜配著飯吃，足夠吃上兩碗，滿足我們飢餓的腸胃。</p> <figure > <img src="https://myblog-9mp.pages.dev/posts/taiwan-newtaipei-trip-2/trip-newtaipei-2-5.jpg" alt="蛤蜊湯 NT.200" /> <figcaption>蛤蜊湯 NT.200</figcaption> </figure> <p>大概是因為假日人潮很多，意外先上的是蛤蜊湯：蛤蜊肉大，本身是帶有鹹味的，故而湯頭便是簡單的調味，搭配適宜。</p> <figure > <img src="https://myblog-9mp.pages.dev/posts/taiwan-newtaipei-trip-2/trip-newtaipei-2-6.jpg" alt="脆皮雞(半隻) NT.370" /> <figcaption>脆皮雞(半隻) NT.370</figcaption> </figure> <p>家父吃過的脆皮雞，是招牌菜之一。剛上桌便淺嘗一口，外皮酥脆，如果是雞皮愛好者會喜歡； 內裡肉質鮮嫩，鮮美的肉汁被很好的鎖在了裡面，因為很燙還必須一邊吹涼才能再吃。</p> <figure > <img src="https://myblog-9mp.pages.dev/posts/taiwan-newtaipei-trip-2/trip-newtaipei-2-7.jpg" alt="涼拌檳榔花 NT.220" /> <figcaption>涼拌檳榔花 NT.220</figcaption> </figure> <p>這道涼拌檳榔花是我很喜歡的一道菜，蒜味很足，帶有一絲絲微辣，非常下飯，令我拌著吃了兩碗飯。</p> <figure > <img src="https://myblog-9mp.pages.dev/posts/taiwan-newtaipei-trip-2/trip-newtaipei-2-8.jpg" alt="川燙鮮蝦 NT.180" /> <figcaption>川燙鮮蝦 NT.180</figcaption> </figure> <p>蝦子肉質鮮彈、味道甜美，剝殼很輕鬆，不論是沾著醬油芥末或是直接入口，都很新鮮。</p> <figure > <img src="https://myblog-9mp.pages.dev/posts/taiwan-newtaipei-trip-2/trip-newtaipei-2-9.jpg" alt="五更腸旺 NT.160" /> <figcaption>五更腸旺 NT.160</figcaption> </figure> <p>對於不擅吃辣的我而言，這道算是有點小辣；鴨血不腥、軟嫩，酸菜爽口，比較可惜的是腸子有些過老。 怕辣的話只要醬汁別撈太多就行，適合下飯吃。</p> <figure > <img src="https://myblog-9mp.pages.dev/posts/taiwan-newtaipei-trip-2/trip-newtaipei-2-10.jpg" alt="清炒娃娃菜 NT.130" /> <figcaption>清炒娃娃菜 NT.130</figcaption> </figure> <p>與蒜頭清炒的娃娃菜，蒜味並不重，娃娃菜本身是屬於比較硬的品種，算是普通的一道菜。</p> <figure > <img src="https://myblog-9mp.pages.dev/posts/taiwan-newtaipei-trip-2/trip-newtaipei-2-11.jpg" alt="綜合生魚片 NT.290" /> <figcaption>綜合生魚片 NT.290</figcaption> </figure> <p>身為生魚片愛好者，鄰近海邊便忍不住點了一份來嚐嚐。 整體來說是新鮮的，鮭魚普通，鮪魚鮮彈，紅魽軟嫩易入口，尼信略腥、彈牙； 最喜歡的應該是紅魽的部分，因為鮪魚吃的時候結冰還沒化，我的敏感性牙齒直接哀號。</p> <figure > <img src="https://myblog-9mp.pages.dev/posts/taiwan-newtaipei-trip-2/trip-newtaipei-2-12.jpg" alt="炸冰淇淋 NT.160" /> <figcaption>炸冰淇淋 NT.160</figcaption> </figure> <p>這份炸冰淇淋是送的，總共五個： 口味有芋頭、花生、香草，怎麼安排口味不曉得，得咬一口才知道，有點像拆盲盒的驚喜感。 很剛好家父吃到芋頭，家母吃到花生與香草，我則吃了兩顆香草(牙齒哀號)。 外層油炸的皮酥脆但略顯油膩，內裡冰淇淋分量適宜，不多不少，當飯後甜點還是很不錯的。</p> <h2 id="評價">評價 </h2><figure > <img src="https://myblog-9mp.pages.dev/posts/taiwan-newtaipei-trip-2/trip-newtaipei-2-14.jpg" alt="餐廳後面往海灘的小徑" /> <figcaption>餐廳後面往海灘的小徑</figcaption> </figure> <div class="rating-block"> <div class="rating-label">整體評分</div> <div class="rating-stars"> <i class="ti ti-star-filled"></i> <i class="ti ti-star-filled"></i> <i class="ti ti-star-filled"></i> <i class="ti ti-star-filled"></i> <i class="ti ti-star-half-filled"></i> <span class="rating-number">4.5 / 5</span> </div> </div> <p>每道菜都很新鮮味美，招牌菜脆皮雞必吃經典！ 可惜人不夠多，可能要以後才有機會再來品嘗其他道菜， 涼拌檳榔花令我這個重口愛好者回家後仍念念不忘。</p> <h2 id="餐廳地址電話營業時間">餐廳地址、電話、營業時間 </h2><div class="info-card"> <div class="info-card-row"><span class="info-card-icon">🏪</span><span class="info-card-label">名稱</span><span class="info-card-value">60年代脆皮雞白斬雞</span></div> <div class="info-card-row"><span class="info-card-icon">📍</span><span class="info-card-label">地址</span><span class="info-card-value">252 新北市三芝區北勢子12-1號</span></div> <div class="info-card-row"><span class="info-card-icon">🕐</span><span class="info-card-label">營業時間</span><span class="info-card-value">週一～週日 11:00~21:00</span></div> <div class="info-card-row"><span class="info-card-icon">📞</span><span class="info-card-label">電話</span><span class="info-card-value">02-2636-0099</span></div> <div class="info-card-row"><span class="info-card-icon">💡</span><span class="info-card-label">備註</span><span class="info-card-value">附停車場</span></div> </div> <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3608.448024782024!2d121.47476660000001!3d25.255509900000003!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3442b0e96aa3a65f%3A0x66b5bdd05e2af848!2zNjDlubTku6PohIbnmq7pm57nmb3mlqzpm54!5e0!3m2!1szh-TW!2stw!4v1781167884470!5m2!1szh-TW!2stw" width="100%" height="400" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe> https://myblog-9mp.pages.dev/posts/taiwan-newtaipei-trip-1/ Sun, 12 Feb 2023 00:00:00 +0000 https://myblog-9mp.pages.dev/posts/taiwan-newtaipei-trip-1/ <img src="https://myblog-9mp.pages.dev/posts/taiwan-newtaipei-trip-1/trip-newtaipei-1-8.jpg" alt="Featured image of post 【新北淡水】楓樹湖，漫山遍野木蘭花；竹子湖，海芋青山景如畫" /><h2 id="楓樹湖簡介">楓樹湖簡介 </h2><figure > <img src="https://myblog-9mp.pages.dev/posts/taiwan-newtaipei-trip-1/trip-newtaipei-1-1.jpg" alt="漫山遍野的木蘭花" /> <figcaption>漫山遍野的木蘭花</figcaption> </figure> <blockquote> <p><a class="link" href="https://newtaipei.travel/zh-tw/attractions/detail/402390" target="_blank" rel="noopener" >景點介紹</a><br> 楓樹湖位於大屯山脈西方，是台灣目前唯一木蓮花大片成林的地區，木蓮花俗稱「長在樹上的蓮花」，千百年來受佛教徒尊敬和喜愛，也是加工價值很高的藥材和香料，相當珍貴。花卉已有50多年頭，經由當地農民悉心照料，已廣植上千株木蓮花，木蓮花形似蓮花寶座，在台灣並不常見，目前只在中台禪寺、阿里山及佛光山可見，但大面積栽種的仍只有淡水楓樹湖，千萬別錯過台北最神祕的珍貴花海！楓樹湖沒有湖，名字的由來是因早期入口處有六棵巨大楓香， 又因三面環山，形狀似湖，所以取地名為楓樹湖。  <br> 附近亦種植山櫻花、山茶花共同爭豔，在春季之時成為一片紅白花海。近年來開放遊客免費參觀，成為花季期間熱門賞花景點。走進楓樹湖步道，能看見幾棵歷史悠久的百年老樹，像是百年破布子、百年老榕樹、百年茄冬…矗立其間，另有整排青楓在秋季時轉紅、落葉，美不勝收。附近另有賞櫻景點－天元宮，民眾可於兩景點先後賞花，將滿山花景，盡收眼底。</p> </blockquote> <h2 id="楓樹湖照片">楓樹湖照片 </h2> <div class="carousel-wrapper" id="ct-fb9fa5c24b29ef28e1da44f2044a5d4c"> <div class="carousel-main"> <button class="carousel-btn carousel-prev" onclick="ctMove('ct-fb9fa5c24b29ef28e1da44f2044a5d4c', -1)">&#8249;</button> <div class="carousel-track"> <div class="carousel-slide active"> <img src="https://myblog-9mp.pages.dev/posts/taiwan-newtaipei-trip-1/trip-newtaipei-1-2.jpg" alt="圖片 1" loading="lazy"> </div> <div class="carousel-slide"> <img src="https://myblog-9mp.pages.dev/posts/taiwan-newtaipei-trip-1/trip-newtaipei-1-3.jpg" alt="圖片 2" loading="lazy"> </div> <div class="carousel-slide"> <img src="https://myblog-9mp.pages.dev/posts/taiwan-newtaipei-trip-1/trip-newtaipei-1-4.jpg" alt="圖片 3" loading="lazy"> </div> <div class="carousel-slide"> <img src="https://myblog-9mp.pages.dev/posts/taiwan-newtaipei-trip-1/trip-newtaipei-1-5.jpg" alt="圖片 4" loading="lazy"> </div> <div class="carousel-slide"> <img src="https://myblog-9mp.pages.dev/posts/taiwan-newtaipei-trip-1/trip-newtaipei-1-6.jpg" alt="圖片 5" loading="lazy"> </div> <div class="carousel-slide"> <img src="https://myblog-9mp.pages.dev/posts/taiwan-newtaipei-trip-1/trip-newtaipei-1-7.jpg" alt="圖片 6" loading="lazy"> </div> </div> <button class="carousel-btn carousel-next" onclick="ctMove('ct-fb9fa5c24b29ef28e1da44f2044a5d4c', 1)">&#8250;</button> <div class="carousel-counter"><span class="ct-current">1</span> / 6</div> </div> <div class="carousel-thumbs"> <div class="carousel-thumb active" onclick="ctGoTo('ct-fb9fa5c24b29ef28e1da44f2044a5d4c', 0 )"> <img src="https://myblog-9mp.pages.dev/posts/taiwan-newtaipei-trip-1/trip-newtaipei-1-2.jpg" alt="縮圖 1" loading="lazy"> </div> <div class="carousel-thumb" onclick="ctGoTo('ct-fb9fa5c24b29ef28e1da44f2044a5d4c', 1 )"> <img src="https://myblog-9mp.pages.dev/posts/taiwan-newtaipei-trip-1/trip-newtaipei-1-3.jpg" alt="縮圖 2" loading="lazy"> </div> <div class="carousel-thumb" onclick="ctGoTo('ct-fb9fa5c24b29ef28e1da44f2044a5d4c', 2 )"> <img src="https://myblog-9mp.pages.dev/posts/taiwan-newtaipei-trip-1/trip-newtaipei-1-4.jpg" alt="縮圖 3" loading="lazy"> </div> <div class="carousel-thumb" onclick="ctGoTo('ct-fb9fa5c24b29ef28e1da44f2044a5d4c', 3 )"> <img src="https://myblog-9mp.pages.dev/posts/taiwan-newtaipei-trip-1/trip-newtaipei-1-5.jpg" alt="縮圖 4" loading="lazy"> </div> <div class="carousel-thumb" onclick="ctGoTo('ct-fb9fa5c24b29ef28e1da44f2044a5d4c', 4 )"> <img src="https://myblog-9mp.pages.dev/posts/taiwan-newtaipei-trip-1/trip-newtaipei-1-6.jpg" alt="縮圖 5" loading="lazy"> </div> <div class="carousel-thumb" onclick="ctGoTo('ct-fb9fa5c24b29ef28e1da44f2044a5d4c', 5 )"> <img src="https://myblog-9mp.pages.dev/posts/taiwan-newtaipei-trip-1/trip-newtaipei-1-7.jpg" alt="縮圖 6" loading="lazy"> </div> </div> </div> <style> .carousel-wrapper { margin: 24px 0; user-select: none; } .carousel-main { position: relative; overflow: hidden; border-radius: 12px; max-width: 780px; margin: 0 auto; } .carousel-track { display: flex; transition: transform 0.4s cubic-bezier(0.4,0,0.2,1); } .carousel-slide { min-width: 100%; display: flex; align-items: center; justify-content: center; } .carousel-slide img { width:100% !important; height: auto !important; max-width:100% !important; object-fit: cover !important; border-radius:0 !important; margin:0 !important; } .carousel-btn { position: absolute; top: 50%; transform: translateY(-50%); z-index: 10; background: rgba(0,0,0,0.45); color: #fff; border: none; border-radius: 50%; width: 40px; height: 40px; font-size: 22px; cursor: pointer; transition: background 0.2s; display: flex; align-items: center; justify-content: center; } .carousel-btn:hover { background: rgba(150,123,182,0.75); } .carousel-prev { left: 12px; } .carousel-next { right: 12px; } .carousel-counter { position: absolute; bottom: 10px; right: 14px; background: rgba(0,0,0,0.5); color: #fff; font-size: 13px; padding: 2px 10px; border-radius: 20px; } .carousel-thumbs { display: flex; gap: 6px; margin: 8px auto 0 auto; overflow-x: auto; padding-bottom: 4px; scrollbar-width: none; max-width: 780px; } .carousel-thumbs::-webkit-scrollbar { display: none; } .carousel-thumb { flex-shrink: 0; width: 64px; height: 48px; border-radius: 6px; overflow: hidden; cursor: pointer; opacity: 0.55; border: 2px solid transparent; transition: opacity 0.2s, border-color 0.2s; } .carousel-thumb.active { opacity: 1; border-color: #967BB6; } .carousel-thumb img { width:100% !important; height:100% !important; max-width:100% !important; object-fit:cover !important; border-radius:0 !important; margin:0 !important; } </style> <script> (function(){ const state = {}; window.ctGoTo = function(id, index) { if (!state[id]) { const w = document.getElementById(id); state[id] = { slides: w.querySelectorAll('.carousel-slide'), thumbs: w.querySelectorAll('.carousel-thumb'), track: w.querySelector('.carousel-track'), current: w.querySelector('.ct-current'), index: 0 }; } const s = state[id]; s.slides[s.index].classList.remove('active'); s.thumbs[s.index].classList.remove('active'); s.index = (index + s.slides.length) % s.slides.length; s.slides[s.index].classList.add('active'); s.thumbs[s.index].classList.add('active'); s.track.style.transform = `translateX(-${s.index * 100}%)`; s.current.textContent = s.index + 1; s.thumbs[s.index].scrollIntoView({ behavior: 'smooth', block: 'nearest', inline: 'center' }); }; window.ctMove = function(id, dir) { if (!state[id]) window.ctGoTo(id, 0); window.ctGoTo(id, state[id].index + dir); }; })(); </script> <p>這天上山的天氣很好，甚至還有些熱，陽光直曬； 漫山遍野的木蘭花，粉白相交遍布在山坡上，也是一番美景。 聽這邊的商家說，木蘭花直接泡熱水喝對改善鼻竇炎有效果，不需要額外加糖直接喝， 正好是木蘭花的季節，回家就來試試看這方子。</p> <p>回去前，家人還買了一袋地瓜，因為放眼望去的地瓜都很大，家母指定要挑小一些的，怕吃不完。 雖然此地名叫楓樹湖，但這裡沒有湖，因此名字讓人格外有印象。 如果是想要欣賞木蘭花綻放，順道走走步道的話，這裡是個不錯的選擇。 步道都不長，沿途觀賞美景接觸自然，讓人心情愉快。</p> <h2 id="楓樹湖位置">楓樹湖位置 </h2><div class="info-card"> <div class="info-card-row"><span class="info-card-icon">📍</span><span class="info-card-label">地址</span><span class="info-card-value">新北市淡水區楓樹湖</span></div> <div class="info-card-row"><span class="info-card-icon">🕐</span><span class="info-card-label">營業時間</span><span class="info-card-value">全年開放</span></div> <div class="info-card-row"><span class="info-card-icon">📞</span><span class="info-card-label">電話</span><span class="info-card-value">02-262-21020</span></div> </div> <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d14441.91657388658!2d121.48875526453025!3d25.187059243477247!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3442b1c90fb93f1f%3A0x3dfee599bd2d5ab1!2zMjUx5paw5YyX5biC5reh5rC05Y2A5rC05rqQ6YeM5qWT5qi55rmW!5e0!3m2!1szh-TW!2stw!4v1781016673136!5m2!1szh-TW!2stw" width="100%" height="400" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe> <h2 id="竹子湖簡介">竹子湖簡介 </h2> <blockquote> <p><a class="link" href="https://www.travel.taipei/zh-tw/attraction/details/1801" target="_blank" rel="noopener" >景點介紹</a><br> 竹子湖位於陽明山國家公園核心區，海拔約650-670公尺，其北側為小觀音山、東依著七星山、西靠臨大屯山、向南則敞開一覽無遺地俯瞰臺北盆地。其原是35萬年前火山噴發造成的「堰塞湖」，因侵蝕作用產生缺口，湖水逐漸流失枯竭形成一處窪地。其自古即劃分為東湖、頂湖及下湖三個封閉的地區，東湖係指湖田國小一帶，為竹子湖地名原點之所在；頂湖係指越過湖田橋後，沿右邊產業道路前行，一處面積約20公頃的小盆地，因位於東湖之上方高處，故名頂湖；下湖則指今海芋大道一帶的盆地，竹子湖溪穿流其間，因位於東湖相對低處，故為下湖。  <br> <a class="link" href="https://www.travel.taipei/zh-tw/attraction/details/1801" target="_blank" rel="noopener" >竹子湖地名由來</a><br> 竹子湖原是火山熔岩噴發形成的堰塞湖，因湖水逐漸流失形成一片濕地，一千多年前平埔族凱達格蘭人即開始進入屯墾。兩百年前漢人初到此地開墾時，因見土地泥濘且遍地竹林，於是稱此為竹子湖(閩南語中的「湖」有泥濘地的意思)。另有在地古老傳說，因山間盆地一帶早期簇生著箭竹林，山頂吹下的山風搖動箭竹林的景象，彷彿是湖水盪漾，因此稱之為竹子湖。</p> </blockquote> <h2 id="竹子湖照片">竹子湖照片 </h2> <div class="carousel-wrapper" id="ca-dd72937eee52e00b935127dcc6cd607e"> <div class="carousel-main"> <button class="carousel-btn carousel-prev" onclick="caMove('ca-dd72937eee52e00b935127dcc6cd607e', -1)">&#8249;</button> <div class="carousel-track"> <div class="carousel-slide active"> <img src="https://myblog-9mp.pages.dev/posts/taiwan-newtaipei-trip-1/trip-newtaipei-1-8.jpg" alt="圖片 1" loading="lazy"> </div> <div class="carousel-slide"> <img src="https://myblog-9mp.pages.dev/posts/taiwan-newtaipei-trip-1/trip-newtaipei-1-9.jpg" alt="圖片 2" loading="lazy"> </div> <div class="carousel-slide"> <img src="https://myblog-9mp.pages.dev/posts/taiwan-newtaipei-trip-1/trip-newtaipei-1-10.jpg" alt="圖片 3" loading="lazy"> </div> <div class="carousel-slide"> <img src="https://myblog-9mp.pages.dev/posts/taiwan-newtaipei-trip-1/trip-newtaipei-1-11.jpg" alt="圖片 4" loading="lazy"> </div> <div class="carousel-slide"> <img src="https://myblog-9mp.pages.dev/posts/taiwan-newtaipei-trip-1/trip-newtaipei-1-12.jpg" alt="圖片 5" loading="lazy"> </div> <div class="carousel-slide"> <img src="https://myblog-9mp.pages.dev/posts/taiwan-newtaipei-trip-1/trip-newtaipei-1-13.jpg" alt="圖片 6" loading="lazy"> </div> <div class="carousel-slide"> <img src="https://myblog-9mp.pages.dev/posts/taiwan-newtaipei-trip-1/trip-newtaipei-1-14.jpg" alt="圖片 7" loading="lazy"> </div> <div class="carousel-slide"> <img src="https://myblog-9mp.pages.dev/posts/taiwan-newtaipei-trip-1/trip-newtaipei-1-15.jpg" alt="圖片 8" loading="lazy"> </div> <div class="carousel-slide"> <img src="https://myblog-9mp.pages.dev/posts/taiwan-newtaipei-trip-1/trip-newtaipei-1-16.jpg" alt="圖片 9" loading="lazy"> </div> </div> <button class="carousel-btn carousel-next" onclick="caMove('ca-dd72937eee52e00b935127dcc6cd607e', 1)">&#8250;</button> <div class="carousel-counter"><span class="ca-current">1</span> / 9</div> </div> <div class="carousel-thumbs"> <div class="carousel-thumb active" onclick="caGoTo('ca-dd72937eee52e00b935127dcc6cd607e', 0 )"> <img src="https://myblog-9mp.pages.dev/posts/taiwan-newtaipei-trip-1/trip-newtaipei-1-8.jpg" alt="縮圖 1" loading="lazy"> </div> <div class="carousel-thumb" onclick="caGoTo('ca-dd72937eee52e00b935127dcc6cd607e', 1 )"> <img src="https://myblog-9mp.pages.dev/posts/taiwan-newtaipei-trip-1/trip-newtaipei-1-9.jpg" alt="縮圖 2" loading="lazy"> </div> <div class="carousel-thumb" onclick="caGoTo('ca-dd72937eee52e00b935127dcc6cd607e', 2 )"> <img src="https://myblog-9mp.pages.dev/posts/taiwan-newtaipei-trip-1/trip-newtaipei-1-10.jpg" alt="縮圖 3" loading="lazy"> </div> <div class="carousel-thumb" onclick="caGoTo('ca-dd72937eee52e00b935127dcc6cd607e', 3 )"> <img src="https://myblog-9mp.pages.dev/posts/taiwan-newtaipei-trip-1/trip-newtaipei-1-11.jpg" alt="縮圖 4" loading="lazy"> </div> <div class="carousel-thumb" onclick="caGoTo('ca-dd72937eee52e00b935127dcc6cd607e', 4 )"> <img src="https://myblog-9mp.pages.dev/posts/taiwan-newtaipei-trip-1/trip-newtaipei-1-12.jpg" alt="縮圖 5" loading="lazy"> </div> <div class="carousel-thumb" onclick="caGoTo('ca-dd72937eee52e00b935127dcc6cd607e', 5 )"> <img src="https://myblog-9mp.pages.dev/posts/taiwan-newtaipei-trip-1/trip-newtaipei-1-13.jpg" alt="縮圖 6" loading="lazy"> </div> <div class="carousel-thumb" onclick="caGoTo('ca-dd72937eee52e00b935127dcc6cd607e', 6 )"> <img src="https://myblog-9mp.pages.dev/posts/taiwan-newtaipei-trip-1/trip-newtaipei-1-14.jpg" alt="縮圖 7" loading="lazy"> </div> <div class="carousel-thumb" onclick="caGoTo('ca-dd72937eee52e00b935127dcc6cd607e', 7 )"> <img src="https://myblog-9mp.pages.dev/posts/taiwan-newtaipei-trip-1/trip-newtaipei-1-15.jpg" alt="縮圖 8" loading="lazy"> </div> <div class="carousel-thumb" onclick="caGoTo('ca-dd72937eee52e00b935127dcc6cd607e', 8 )"> <img src="https://myblog-9mp.pages.dev/posts/taiwan-newtaipei-trip-1/trip-newtaipei-1-16.jpg" alt="縮圖 9" loading="lazy"> </div> </div> </div> <style> .carousel-wrapper { margin: 24px 0; user-select: none; } .carousel-main { position: relative; overflow: hidden; border-radius: 12px; max-width: 780px; margin: 0 auto; } .carousel-track { display: flex; transition: transform 0.4s cubic-bezier(0.4,0,0.2,1); } .carousel-slide { min-width: 100%; display: flex; align-items: center; justify-content: center; } .carousel-slide img { width:100% !important; height: auto !important; max-width:100% !important; object-fit: cover !important; border-radius:0 !important; margin:0 !important; } .carousel-btn { position: absolute; top: 50%; transform: translateY(-50%); z-index: 10; background: rgba(0,0,0,0.45); color: #fff; border: none; border-radius: 50%; width: 40px; height: 40px; font-size: 22px; cursor: pointer; transition: background 0.2s; display: flex; align-items: center; justify-content: center; } .carousel-btn:hover { background: rgba(150,123,182,0.75); } .carousel-prev { left: 12px; } .carousel-next { right: 12px; } .carousel-counter { position: absolute; bottom: 10px; right: 14px; background: rgba(0,0,0,0.5); color: #fff; font-size: 13px; padding: 2px 10px; border-radius: 20px; } .carousel-thumbs { display: flex; gap: 6px; margin: 8px auto 0 auto; overflow-x: auto; padding-bottom: 4px; scrollbar-width: none; max-width: 780px; } .carousel-thumbs::-webkit-scrollbar { display: none; } .carousel-thumb { flex-shrink: 0; width: 64px; height: 48px; border-radius: 6px; overflow: hidden; cursor: pointer; opacity: 0.55; border: 2px solid transparent; transition: opacity 0.2s, border-color 0.2s; } .carousel-thumb.active { opacity: 1; border-color: #967BB6; } .carousel-thumb img { width:100% !important; height:100% !important; max-width:100% !important; object-fit:cover !important; border-radius:0 !important; margin:0 !important; } </style> <script> (function(){ const state = {}; window.caGoTo = function(id, index) { if (!state[id]) { const w = document.getElementById(id); const s = { slides: w.querySelectorAll('.carousel-slide'), thumbs: w.querySelectorAll('.carousel-thumb'), track: w.querySelector('.carousel-track'), current: w.querySelector('.ca-current'), index: 0, timer: null }; state[id] = s; } const s = state[id]; s.slides[s.index].classList.remove('active'); s.thumbs[s.index].classList.remove('active'); s.index = (index + s.slides.length) % s.slides.length; s.slides[s.index].classList.add('active'); s.thumbs[s.index].classList.add('active'); s.track.style.transform = `translateX(-${s.index * 100}%)`; s.current.textContent = s.index + 1; const thumb = s.thumbs[s.index]; const container = thumb.closest('.carousel-thumbs'); const thumbLeft = thumb.offsetLeft; const thumbWidth = thumb.offsetWidth; const containerWidth = container.offsetWidth; container.scrollTo({ left: thumbLeft - (containerWidth / 2) + (thumbWidth / 2), behavior: 'smooth' }); if (s.timer) clearInterval(s.timer); s.timer = setInterval(() => window.caGoTo(id, s.index + 1), 4000); }; window.caMove = function(id, dir) { if (!state[id]) window.caGoTo(id, 0); window.caGoTo(id, state[id].index + dir); }; document.addEventListener('DOMContentLoaded', function() { document.querySelectorAll('.carousel-wrapper').forEach(w => { if (w.querySelector('.ca-current')) window.caGoTo(w.id, 0); }); }); })(); </script> <h2 id="竹子湖位置">竹子湖位置 </h2><iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d7221.756740511222!2d121.53172339547989!3d25.17358446090446!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3442b21d8eb6b7ef%3A0xa72115cca66b7ff8!2z56u55a2Q5rmW!5e0!3m2!1szh-TW!2stw!4v1781016599071!5m2!1szh-TW!2stw" width="100%" height="400" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>