<span><span><strong><span><strong><strong><span>活動期間：</span></strong></strong></span></strong></span><strong><span>2023/07/01~08/20</span></strong></span></p> <span> <strong><strong><strong><span><strong><strong><span><strong><span><strong><strong><span>施放地點：<strong>大稻埕碼頭，延平河濱公園3~5號水門間</strong></span></strong></strong></span></strong></span></strong></strong></span></strong></strong></strong></span></p> <hr> <p><span><span><span><span>文內會介紹單眼及手機拍攝技巧</span></span></span></span></p> <p><span><span><span><span>拍攝點&觀賞點&風向觀測</span></span></span></span></p> <p><span><span><span><span>及歷年煙火盛況回顧</span></span></span></span></p> <p><strong><span><a href="http://www.flickr.com/photos/77456773@N02/48480981342" target="_blank"><img alt="67587192_2654209801265565_7955140427105959936_o" src="https://live.staticflickr.com/65535/48480981342_b24012da5d_b.jpg" title=""></a></span></strong></p> <p><strong><span>藍色區塊為煙火拍攝點</span></strong> </p> <strong><span>拍攝地點選擇</span></strong></p> <p><span><strong><span>1.三重忠孝碼頭(西風為上風)</span></strong></span></p> <p><span><span><strong><span>捷運台北橋站</span></strong></span></span></p> <p><span><span><span>有著人潮當前景</span></span></span></p> <p><span><span><strong><span>鏡頭需求</span></strong></span></span></p> <p><span><span><span>超廣角12~16mm或魚眼</span></span></span></p> <p><font color="#000000"><span>8/20場煙火最大8吋</span></font></p> <p><font color="#000000"><span>以下為單砲台，煙火最大6吋(16mm拍攝)</span></font></p> <p><a href="http://www.flickr.com/photos/77456773@N02/53110374299" target="_blank"><img alt="366380275_6881206195232550_3669893682482650477_n" src="//live.staticflickr.com/65535/53110374299_0a919197b1_b.jpg" title=""></a></p> <p><a href="http://www.flickr.com/photos/77456773@N02/53110582940" target="_blank"><img alt="366571157_6881206088565894_4803028889683166577_n" src="//live.staticflickr.com/65535/53110582940_5bc40d41a2_b.jpg" title=""></a></p> <p><a href="http://www.flickr.com/photos/77456773@N02/53110582950" target="_blank"><img alt="366304749_6881206501899186_7268473701668725505_n" src="//live.staticflickr.com/65535/53110582950_64b36f858a_b.jpg" title=""></a></p> <p><a href="http://www.flickr.com/photos/77456773@N02/53124735741" target="_blank"><img alt="367428242_6901099643243205_6073681663455952460_n" src="//live.staticflickr.com/65535/53124735741_acf2470c02_b.jpg" title=""></a></p> <p><a href="http://www.flickr.com/photos/77456773@N02/53124136512" target="_blank"><img alt="367393835_6901099486576554_2636300657654700624_n" src="//live.staticflickr.com/65535/53124136512_6519f13c91_b.jpg" title=""></a></p> <p><a href="http://www.flickr.com/photos/77456773@N02/53125218693" target="_blank"><img alt="366713378_6901099796576523_3716802907105057229_n" src="//live.staticflickr.com/65535/53125218693_582a0a4360_b.jpg" title=""></a></p> <p><span><strong><span>2.大稻埕碼頭3~5號水門(...</span></strong></span></p></span><br><br><a class="external-link" href="https://ichiro0910.pixnet.net/blog/post/31995053" target="_blank">查看來源內容 <i></i></a> </div> <div class="toolbar"> <div class="tool-footnote"> <div> <i class="icon icon-thumbs-up " onclick="voteUpTopic(this, '2406e7f6c55657db')"></i> <span data-toggle="tooltip" title="0">-</span> </div> <div> <i class="icon icon-thumbs-down " onclick="voteDownTopic(this, '2406e7f6c55657db')"></i> <span data-toggle="tooltip" title="0">-</span> </div> <div> <i class="icon icon-collect " onclick="collect(this, '2406e7f6c55657db')"></i> </div> <div> <i class="icon icon-share" data-title="【2023大稻埕煙火】大稻埕夏日節8/20高空煙火秀│三重忠孝碼頭‧大稻埕碼頭‧北門廣場‧西寧國宅‧水碓公園‧手機拍攝煙火‧煙火時間‧觀賞地點‧交通‧捷運" data-href="https://www.pinqueue.com/topic/view/?topic_id=2406e7f6c55657db"></i> </div> <div> <i class="icon icon-report" data-topic_id="2406e7f6c55657db"></i> </div> </div> <div class="note">（基於 PinQueue 指標）</div> </div> <div class="taglist"><div><a href="https://www.pinqueue.com/tag/%E4%B8%80%E6%97%A5%E9%81%8A">一日遊</a></div><div><a href="https://www.pinqueue.com/tag/%E4%B8%83%E5%A4%95">七夕</a></div><div><a href="https://www.pinqueue.com/tag/%E4%B8%89%E9%87%8D">三重</a></div><div><a href="https://www.pinqueue.com/tag/%E5%8C%97%E9%96%80%E7%AB%99">北門站</a></div><div><a href="https://www.pinqueue.com/tag/%E5%8D%8A%E6%97%A5%E9%81%8A">半日遊</a></div><div><a href="https://www.pinqueue.com/tag/%E5%8F%B0%E5%8C%97%E6%A9%8B">台北橋</a></div><div><a href="https://www.pinqueue.com/tag/%E5%8F%B0%E5%8C%97%E6%A9%8B%E7%AB%99">台北橋站</a></div><div><a href="https://www.pinqueue.com/tag/%E5%A4%A7%E7%A8%BB%E5%9F%95%E7%A2%BC%E9%A0%AD">大稻埕碼頭</a></div><div><a href="https://www.pinqueue.com/tag/%E5%BB%B6%E5%B9%B3%E6%B2%B3%E6%BF%B1%E5%85%AC%E5%9C%92">延平河濱公園</a></div><div><a href="https://www.pinqueue.com/tag/%E5%BF%A0%E5%AD%9D%E7%A2%BC%E9%A0%AD">忠孝碼頭</a></div><div><a href="https://www.pinqueue.com/tag/%E6%83%85%E4%BA%BA%E7%AF%80">情人節</a></div><div><a href="https://www.pinqueue.com/tag/%E6%B2%B3%E5%B2%B8%E9%9F%B3%E6%A8%82%E5%AD%A3">河岸音樂季</a></div><div><a href="https://www.pinqueue.com/tag/%E7%85%99%E7%81%AB">煙火</a></div><div><a href="https://www.pinqueue.com/tag/%E8%A1%8C%E7%A8%8B%E6%8E%A8%E8%96%A6">行程推薦</a></div><div><a href="https://www.pinqueue.com/tag/%E8%BC%95%E6%97%85%E8%A1%8C">輕旅行</a></div><div><a href="https://www.pinqueue.com/tag/%E9%9B%99%E9%80%A3%E7%AB%99">雙連站</a></div></div> </div> <div class="below"> <a class="ad" data-ad_id="4679d90e" data-adboard_id="e783c1" data-adschedule_id="1863c8" data-topic_id="2406e7f6c55657db" href="https://www.fantasy-tours.com/Travel/Content?ac=C&cn=EDR" target="_blank">今年夏季，絕不能錯過名勝壹號世界郵輪重回基隆啟航！多種優惠方案讓您輕鬆預訂心儀的日本沖繩郵輪行程，同時省下大筆開支！</a> <div class="footnote"> <div class="text">廣告</div> <div class="platform"> <img alt="上順旅行社" class="icon" data-toggle="tooltip" loading="lazy" src="https://cdn.pinqueue.com/upload/2023/03/24/9c6fd053994b.png" title="上順旅行社"> </div> </div> </div><div class="line_h"></div> <div id="recommend-container"></div> <div class="line_h mobile"></div> <div id="comment-insert"> <form id="comment-form" data-topic_id="2406e7f6c55657db"> <div> <textarea id="comment-description"></textarea> </div> <div class="btn-group flex" style="display: none;"> <button type="submit" class="btn btn-primary">提交</button> <button type="button" class="btn btn-secondary cancel">取消</button> </div> </form> </div> <div id="comment-block"> <div class="comment-info"> <div class="count"><span>0</span> 則留言</div> <div class="sorting" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <i class="icon icon-sorting"></i> </div> <div data-topic_id="2406e7f6c55657db" id="topic-view-list-order" class="dropdown-menu dropdown-menu-left"> <a class="dropdown-item active" href="javascript:void(0)" data-order="vote">最高投票</a> <a class="dropdown-item " href="javascript:void(0)" data-order="inserttime">最新發佈</a> </div> </div> <div class="comment-list"></div> </div> </div> </div> <div class="side"> <div class="gads"> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-6143293922427535" data-ad-slot="3822864470" data-ad-format="auto" data-full-width-responsive="true"></ins> <script>(adsbygoogle = window.adsbygoogle || []).push({});</script> </div> <div id="recommend-area" data-topic_id="2406e7f6c55657db"></div> </div> </div><script> let btn, editor, editor_update, ias = function () { new InfiniteAjaxScroll('.comment-list', { item: '.comment-list > .comment', logger: false, negativeMargin: 400, next: '.next', pagination: '.pagination', }); }, s = '#comment-description', swiper, $s; $(function () { $s = $(s); btn = $s.closest('form').find('.btn-group'); editor = new FroalaEditor(s, config.froala.comment); editor.$el.on('focus', function () { btn.show(); }); btn.find('.cancel').on('click', function () { editor.html.set(''); btn.hide(); }); ias(); $(document) .on('click', '#topic-view-list-order .dropdown-item', function () { let $that = $(this); $that.siblings().removeClass('active').end() .addClass('active'); refreshCommentBlock($that.parent('div').data('topic_id'), $that.data('order')); }) .on('submit', '#comment-form', function () { let pass = true, topic_id = $(this).data('topic_id'); if (editor.core.isEmpty()) { pass = false; noticeError('請填寫留言。'); editor.events.focus(true); } if (pass) { startLoading(); let data = { comment: { description: editor.html.get(), topic_id: topic_id, } }; $.post(f.url('ajax', 'insertcomment'), JSON.stringify(data), function (r) { switch (r.result) { case lib.res.SystemOk: refreshCommentBlock(topic_id, 'inserttime').then(() => { endLoading(); noticeSuccess(r.message); window.onbeforeunload = null; editor.html.set(''); btn.hide(); }); break; case lib.res.UserRequestLogin: endLoading(); requestUserLogin(r); break; default: endLoading(); noticeError(r.message); break; } }, 'json'); } return false; }); swiper = new Swiper('.swiper-root > .swiper-container', { effect: 'fade', fadeEffect: { crossFade: true }, grabCursor: true, loop: true, navigation: { nextEl: '.swiper-button-next', prevEl: '.swiper-button-prev', }, pagination: { clickable: true, el: '.swiper-pagination', }, }); }); function openUpdateComment($comment) { let $comment_update = $('#comment-update'), textarea_id = 'comment-update-description'; if ($comment_update.length) { $comment_update.closest('.comment').find('.right').children(':visible').remove().end().children(':hidden').show(); } $comment.find('.right').children().hide().end().append('<div id="comment-update" data-comment_id="' + $comment.data('comment_id') + '">' + '<div><textarea id="' + textarea_id + '"></textarea></div>' + '<div class="btn-group flex"><button type="button" class="btn btn-primary submit">提交</button><button type="button" class="btn btn-secondary cancel">取消</button></div>' + '</div>'); editor_update = new FroalaEditor('#' + textarea_id, config.froala.comment, function () { editor_update.html.set($comment.find('.description').html()); }); $comment.find('#comment-update .btn-group') .on('click', '.cancel', function () { window.onbeforeunload = null; $comment.find('.right').children(':visible').remove().end().children(':hidden').show(); }) .on('click', '.submit', function () { let description = editor_update.html.get(), pass = true; if (description === '') { pass = false; noticeError('請填寫留言。'); editor_update.events.focus(true); } if (pass) { startLoading(); $.post(f.url('ajax', 'updatecomment'), JSON.stringify({ comment: { description: description, }, comment_id: $comment.data('comment_id'), }), function (r) { switch (r.result) { case 'SystemOk': endLoading(); noticeSuccess(r.message); window.onbeforeunload = null; editor_update.destroy(); $comment.find('.right').children(':visible').remove().end().children(':hidden').show().end().find('.description').html(description); break; case 'UserRequestLogin': endLoading(); requestUserLogin(r); break; default: endLoading(); noticeError(r.message); break; } }, 'json'); } }); } function refreshCommentBlock(topic_id, order = 'vote') { return new Promise((resolve) => { $.get(f.url('topic', 'view', { order_comment: order, topic_id: topic_id, }), function (r) { $('#comment-block').html($('#comment-block', r).html()); ias(); resolve(); }); }) } </script></div><!-- #wrapper --> <div id="navmenu-bottom"> <a class="item " href="https://www.pinqueue.com/"> <i class="icon-index"></i> <span class="text">首頁</span> </a> <div class="item " onclick="popupNavMenu()"> <i class="icon-explore"></i> <span class="text">探索</span> </div> <a class="item " href="https://www.pinqueue.com/history/"> <i class="icon-history"></i> <span class="text">瀏覽紀錄</span> </a> </div><script> let arr_load_ad = [], arr_view_topic = [], confirmExitRegister, cropAvatar, ias_settings = function () { let _ = '.list.ias'; if ($(_).length) { let ias = new InfiniteAjaxScroll(_, { item: _ + ' > .item', logger: false, negativeMargin: 400, next: '.next', pagination: '.pagination', }); ias.on('appended', function () { reAttach(); }); } }, ias_tag = function () { if ($('#tag').length) { let ias = new InfiniteAjaxScroll('.area', { item: '.area > .grid', logger: false, negativeMargin: 600, next: '.next', pagination: '.pagination', }); ias.on('appended', function () { reAttach(); }); } }, inViewAd = function () { inView.threshold(0.9); inView('.ad').on('enter', el => { triggerAd(el, 'viewad'); }); }, inViewTopic = function () { inView.threshold(0.9); inView('.topic').on('enter', el => { let $el = $(el), arr_pass_topic, n = 'inViewTopic', topic_id = $el.data('topic_id').toString(); arr_pass_topic = JSON.parse(Cookies.get(n) ?? '[]'); if (!arr_pass_topic.includes(topic_id)) { arr_pass_topic.push(topic_id); Cookies.set(n, JSON.stringify(arr_pass_topic), {expires: 300 / 86400}); arr_view_topic.push(topic_id); } }); }, knowDisclaimer = 'knowDisclaimer2022-03-09', lastScrollTop = 0, modalCookie, modalBase = new jBox('Modal', { id: 'modalBase', maxWidth: 600, minWidth: 400, zIndex: 500, }), modalNavMenu = new jBox('Modal', { content: $('#navmenu').html(), id: 'navmenu-popup', maxWidth: 600, minWidth: 400, zIndex: 500, }), modalReport, modalRequestUserLogin, $navmenu = $('#navmenu').length ? $('#navmenu') : $('#navmenu_account'), navmenu_trigger_point = 1280, navmenuMinimizeCookieName = 'navmenuMinimize', overlayAd, overlayAdCookieName = 'overlayAd', tagify, tooltipShare, visual_size_l = 1024, visual_size_m = 768, $floating_tool = $('#floating-tool'); $(function () { confirmExitRegister = new jBox('Confirm', { cancelButton: 'Nope', confirmButton: 'Do it!', content: '請先登入。\r\r若離開表單頁面內容將會遺失，如有需要請返回備份。', }); modalCookie = new jBox('Modal', { blockScroll: false, closeButton: false, content: '為了提升服務品質，我們使用了 cookie 或其他類似技術來強化功能方面的體驗。' + '<br>若繼續瀏覽本網站即表示您同意<a href="https://www.pinqueue.com/privacy/">隱私權政策</a>。' + '<br><br><div class="btn-group flex"><button type="button" class="btn btn-primary">知道了</button></div>', offset: { y: -16 }, id: 'modalCookie', maxWidth: 600, minWidth: 400, overlay: false, position: { y: 'bottom' }, title: '我們尊重用戶的隱私權', zIndex: 500, }); if (!Cookies.get(knowDisclaimer)) { //20210226 Lion: 延遲出現, 避開 gsc 的行動裝置可用性 (元素過近) 的問題 setTimeout(function () { modalCookie.open(); }, 4000); } modalReport = new jBox('Modal', { id: 'modalReport', maxWidth: 600, minWidth: 400, zIndex: 500, }); modalRequestUserLogin = new jBox('Modal', { id: 'modalRequestUserLogin', maxWidth: 600, minWidth: 400, zIndex: 600, }); tooltipShare = new jBox('Tooltip', { animation: { close: 'move:top', open: 'move:top', }, attach: '.icon-share', closeOnClick: 'body', closeOnMouseleave: true, content: '<div id="tooltipShare"></div>', createOnInit: true, onOpen: function () { let $that = $(this.source), param = { shareIn: 'popup', shares: [ {share: 'line', logo: '/static/frontstage/images/share/line.svg'}, {share: 'facebook', logo: '/static/frontstage/images/share/facebook.svg'}, {share: 'messenger', logo: '/static/frontstage/images/share/facebook-messenger.svg'}, {share: 'twitter', logo: '/static/frontstage/images/share/twitter.svg'}, {share: 'telegram', logo: '/static/frontstage/images/share/telegram.svg'}, ], showLabel: false, showCount: false, }; if ($that.data('href')) param['url'] = $that.data('href'); if ($that.data('title')) param['text'] = $that.data('title'); $('#tooltipShare').jsSocials(param); }, offset: {x: -10, y: 10}, outside: 'xy',//20210205 Lion: onOpen 會有偏移問題, 利用此參數隱藏箭號 position: {x: 'right', y: 'top'}, }); $(document) .on('change', '#profile-form-avatar input:file', function () { if (this.files && this.files[0]) { let reader = new FileReader(); reader.onload = function (e) { cropAvatar.bind({ url: e.target.result }); }; reader.readAsDataURL(this.files[0]); } }) .on('click', 'button', function () { //%$(this).prop("disabled", true); }) .on('click', 'div[data-root="gallery"] img', function (e) { e.preventDefault(); initGallery($(this)); }) .on('click', '#activity-list-order .dropdown-item', function () { let $that = $(this); $that .siblings().removeClass('active').end() .addClass('active'); refreshActivityList($that.data('object'), $that.data('order'), 1); }) .on('click', '#headbar #right .dropdown-menu', function (e) { e.stopPropagation(); }) .on('click', '#modalCookie .btn-primary', function () { Cookies.set(knowDisclaimer, true, {expires: 30}); modalCookie.close(); }) .on('click', '#profile-form-avatar .icon-cancle', function () { $('#profile-form-avatar').hide(); $('#profile-row-avatar').show(); }) .on('click', '#profile-form-avatar .icon-save', function () { startLoading(); cropAvatar.result({ circle: false, format: 'png', }).then(function (r_0) { $.post('https://www.pinqueue.com/ajax/updateuseravatar/', { avatar: r_0 }, function (r_1) { endLoading(); switch (r_1.result) { case lib.res.SystemOk: noticeSuccess(r_1.message); $('#user-avatar').prop('src', r_0); $('#right .avatar img').prop('src', r_0); $('#profile-form-avatar').hide(); $('#profile-row-avatar').show(); break; case lib.res.UserRequestLogin: requestUserLogin(r_1); break; default: noticeError(r_1.message); break; } }, 'json'); }); }) .on('click', '#profile-form-displayname .icon-cancle', function () { $('#profile-form-displayname') .find('input').val('').end() .hide(); $('#profile-row-displayname').show(); }) .on('click', '#profile-form-password .icon-cancle', function () { $('#profile-form-password') .find('input').val('').end() .hide(); $('#profile-row-password').show(); }) .on('click', '#profile-row-avatar .icon-update', function () { $('#profile-row-avatar').hide(); $('#profile-form-avatar').show(); cropAvatar.refresh(); }) .on('click', '#profile-row-displayname .icon-update', function () { $('#profile-row-displayname').hide(); $('#profile-form-displayname').show(); }) .on('click', '#profile-row-password .icon-update', function () { $('#profile-row-password').hide(); $('#profile-form-password').show(); }) .on('click', '#report-form .btn-secondary', function () { modalReport.close(); }) .on('click', '#topic .filter .head', function () { let $head = $(this); $head.toggleClass('active'); $head.siblings('.body').toggleClass('active'); }) .on('click', '#userlogin .btn-primary', function () { location.href = f.url('login', null, {'redirect': $('#userlogin').data('redirect') ?? location.href}); }) .on('click', '#userlogin .btn-secondary', function () { modalRequestUserLogin.close(); }) .on('click', '.ad', function () { triggerAd(this, 'clickad'); }) .on('click', '.icon-report', function () { let $that = $(this); $.post('https://www.pinqueue.com/ajax/gethtmlofreport/', JSON.stringify({ report: { topic_id: $that.data('topic_id') ?? null, } }), function (r) { switch (r.result) { case lib.res.SystemOk: modalReport .setContent(r.data) .open(); break; case lib.res.UserRequestLogin: requestUserLogin(r); break; default: noticeError(r.message); break; } }, 'json'); }) .on('input', 'textarea[data-kit="autoresize"]', function () { this.style.height = '1px'; this.style.height = this.scrollHeight + 'px'; }) .on('mouseup', '#topic .filter .body .list .item', function (e) { let $item = $(this), href = '', query = $('#query').val().trim(), param = {}, url_query = ''; //先處理狀態 switch ($item.parent('.list').data('case')) { case 'order_by': if (!$item.hasClass('active')) { $item.siblings().removeClass('active').end().addClass('active'); } break; case 'publishtime': if ($item.hasClass('active')) { $item.removeClass('active'); } else { $item.siblings().removeClass('active').end().addClass('active'); } break; case 'platform': $item.find('[type=checkbox]').trigger('click'); break; } //再蒐集值 if (query !== '') param['query'] = query; $('#topic .filter .body .list').each(function () { let $list = $(this), platform = []; switch ($list.data('case')) { case 'order_by': case 'publishtime': let condition = $list.find('.item.active').data('condition'); if (condition !== undefined) { param[$list.data('case')] = condition; } break; case 'platform': $list.find(':checked').each(function () { platform.push($(this).data('condition')); }); if ($list.children('.item').length !== platform.length) param['platform'] = platform.join(',');//可 empty, 表示都沒選 break; } }); if (Object.keys(param).length) { url_query = '?' + $.param(param); } href = 'https://www.pinqueue.com/search/' + url_query; if (href !== location.href) location.href = href; }) .on('hide.bs.collapse', '#accordion > .item', function () { let $head = $(this).find('> a'); $head.removeClass('active'); }) .on('show.bs.collapse', '#accordion > .item', function () { let $head = $(this).find('> a'); $head.addClass('active'); }) .on('scroll', function () { let st = $(this).scrollTop(); if (st > lastScrollTop) { // down $floating_tool.fadeOut('fast'); } else { // up $floating_tool.fadeIn('fast'); } goAdTop(); lastScrollTop = st; }) .on('show.bs.tab', '#nav-activity-tab', function () { $('#tab-content-activity').load( 'https://www.pinqueue.com/settings/activity/', function () { let $that = $('#chart-reputation'); new Chart($that, { type: 'line', data: { labels: $that.data('labels'), datasets: [{ backgroundColor: '#00a700', borderColor: '#00a700', steppedLine: true, data: $that.data('data'), fill: false, }] }, options: { legend: { display: false }, maintainAspectRatio: false, tooltips: { callbacks: { title: function (tooltipItem, data) { return null; }, }, } }, }); ias_settings(); } ); }) .on('show.bs.tab', '#nav-activity .nav-item', function () { let $that = $(this); $('#tab-content-activity').load( 'https://www.pinqueue.com/settings/activity/', {object: $that.data('object')}, function () { ias_settings(); } ); }) .on('submit', '#report-form', function () { let $that = $(this); $.post('https://www.pinqueue.com/ajax/insertreportoftopic/', JSON.stringify({ report: { description: $('#report-description').val().trim() || null, topic_id: $that.data('topic_id'), reportreason_id: $('#report-reportreason_id').val(), } }), function (r) { switch (r.result) { case lib.res.SystemOk: noticeSuccess(r.message); window.onbeforeunload = null; modalReport.close(); break; case lib.res.UserRequestLogin: requestUserLogin(r); break; case 'UserNotice': noticeNotice(r.message); break; default: noticeError(r.message); break; } }, 'json'); return false; }) .on('submit', '#search-form', function () { let query = $('#query').val().trim(); location.href = 'https://www.pinqueue.com/search/' + (query === '' ? '' : '?query=' + encodeURIComponent(query)); return false; }) .on('submit', '#profile-form-displayname', function () { startLoading(); let displayname = $('#user-displayname').val(); $.post('https://www.pinqueue.com/ajax/updateuser/', JSON.stringify({ displayname: displayname, }), function (r) { endLoading(); switch (r.result) { case lib.res.SystemOk: noticeSuccess(r.message); $('#profile-form-displayname .icon-cancle').trigger('click'); $('#profile-row-displayname .content').text(displayname); break; case lib.res.UserRequestLogin: requestUserLogin(r); break; default: noticeError(r.message); break; } }, 'json'); return false; }) .on('submit', '#profile-form-password', function () { startLoading(); $.post('https://www.pinqueue.com/ajax/updateuser/', JSON.stringify({ password: $('#user-password').val(), password_old: $('#user-password-old').val(), }), function (r) { endLoading(); switch (r.result) { case lib.res.SystemOk: noticeSuccess(r.message); $('#profile-form-password .icon-cancle').trigger('click'); break; case lib.res.UserRequestLogin: requestUserLogin(r); break; default: noticeError(r.message); break; } }, 'json'); return false; }); $(document).tooltip({ selector: '[data-toggle="tooltip"]', trigger: 'hover',//避免點擊後不會消失的情況 }); $(window).on('resize', function () { _windowresize(); }); $('form').find('input, textarea').on('keyup', function () { window.onbeforeunload = function () { }; }); $('#query').textcomplete( [ { cache: true, index: 1, match: /#([^#\s]+)$/, replace: function (v, term) { return '#' + v + ' '; }, search: function (term, callback) { $.post(f.url('ajax', 'gettaglist'), { query: term, }, function (r) { callback($.map(r, function (v, i) { return (v.toLowerCase().indexOf(term.toLowerCase()) >= 0) ? v : null; })); }, 'json'); }, }, ], { zIndex: 900 } ).overlay([ { match: /#[^#\s]+/g, css: { 'background-color': '#e5e5e5' } }, { match: /@[^@\s]+([\s]?[^@\s]+)*/g, css: { 'background-color': '#ffe079' } }, ]); if ($('.ias').length) { ias_settings(); } if ($('#index').length) { let ias = new InfiniteAjaxScroll('.area', { item: '.area > .grid', logger: false, negativeMargin: 600, next: '.next', pagination: '.pagination', }); ias.on('appended', function () { reAttach(); }); } if ($('#topic').length) { let ias = new InfiniteAjaxScroll('.area', { item: '.area > .card', logger: false, negativeMargin: 400, next: '.next', pagination: '.pagination', }); ias.on('appended', function () { reAttach(); }); } if ($('#recommend-area').length) { let $recommend_area = $('#recommend-area'); $.post(f.url('ajax', 'gethtmlofrelatedtopic'), JSON.stringify({ topic_id: $recommend_area.data('topic_id') }), function (r) { if (r.result === lib.res.SystemOk) { $recommend_area.html(r.data); reAttach(); } }, 'json'); } if ($('#recommendtaglist').length) { let _ = '#recommendtaglist'; new Swiper(_ + ' .swiper-container', { navigation: { nextEl: _ + ' .button-next', prevEl: _ + ' .button-prev', }, slidesPerGroup: 2, slidesPerView: 'auto', speed: 800, }); } if ($('#query-tag').length) { ias_tag(); $('#query-tag > input').typeWatch({ callback: function (txt) { $.get('https://www.pinqueue.com/tag/', { query: txt }, function (r) { $('#tag > .area').html($(r).find('#tag > .area > *')); ias_tag(); }, 'html'); }, captureLength: -1, wait: 750, }); } if ($('.tag-chart').length) { $('.tag-chart').each(function (index) { let $that = $('#' + $(this).prop('id') + ' canvas'); new Chart($that, { type: 'line', data: { labels: $that.data('labels').split(','), datasets: [{ backgroundColor: '#00a700', borderColor: '#00a700', steppedLine: true, data: $that.data('data').split(','), fill: false, }] }, options: { legend: { display: false }, maintainAspectRatio: false, scales: { yAxes: [{ ticks: { beginAtZero: true, stepSize: 1, } }] }, tooltips: { callbacks: { title: function (tooltipItem, data) { return null; }, }, } }, }); }); } if ($('#input-tag').length) { let anchor; tagify = new Tagify( document.getElementById('input-tag'), { addTagOnBlur: false, callbacks: { 'input': function (e) { let query = e.detail; tagify.settings.whitelist = [query]; if (anchor) anchor.abort(); anchor = $.post(f.url('ajax', 'gettaglist'), { query: query }, function (r) { tagify.settings.whitelist = r; tagify.dropdown.show.call(tagify, query); }, 'json'); } }, dropdown: { enabled: 1, maxItems: 5, }, maxTags: 5, maxtagnamelength: 16, whitelist: [], } ); } if ($('#user-avatar-crop').length) { let id = 'user-avatar-crop', size = 240, $that = $('#' + id); cropAvatar = new Croppie(document.getElementById(id), { boundary: { width: size, height: size }, enableExif: true, url: $that.data('url'), viewport: { width: size, height: size, type: 'circle' }, }); } if ($floating_tool.length) { setInterval(function () { if ($floating_tool.not(':visible')) { $floating_tool.fadeIn('fast'); } }, 8000); } _windowresize(); inrTopic(); inViewAd(); inViewTopic(); loadAd(); }); function _windowresize() { goAdTop(); goNavMenu(); if ($('#topic-view').length) { if (window.innerWidth > visual_size_l && $('#recommend-container').html().trim() !== '') { $('.gads, #recommend-area').detach().prependTo('.side'); } else if (window.innerWidth <= visual_size_l && $('.side').html().trim() !== '') { $('.gads, #recommend-area').detach().prependTo('#recommend-container'); } } if ($('.ad_top_fake').length) $('.ad_top_fake').height($('.ad_top').height()); } function changeTheme(e) { let $_ = $(e), $root = $_.closest('.dropdown'), theme = $_.data('theme'); $_.closest('.dropdown-menu').find('.dropdown-item').removeClass('active').end().end().addClass('active'); $root.children('.dropdown-item').find('data').text($_.data('name')); $('link[id="theme"]').attr('href', 'https://cdn.pinqueue.com/static/frontstage/css/' + theme + '.min.css'); Cookies.set('theme', JSON.stringify(theme), {expires: 30}); } function collect(that, topic_id) { if ($(that).hasClass('active')) { $.post(f.url('ajax', 'deletecollect'), JSON.stringify({ topic_id: topic_id }), function (r) { switch (r.result) { case lib.res.SystemOk: noticeSuccess(r.message); $(that).removeClass('active'); break; case 'UserNotice': noticeNotice(r.message); $(that).removeClass('active'); break; case lib.res.UserRequestLogin: requestUserLogin(r); break; default: noticeError(r.message); break; } }, 'json'); } else { $.post(f.url('ajax', 'insertcollect'), JSON.stringify({ topic_id: topic_id }), function (r) { switch (r.result) { case lib.res.SystemOk: noticeSuccess(r.message); $(that).addClass('active'); break; case 'UserNotice': noticeNotice(r.message); $(that).addClass('active'); break; case lib.res.UserRequestLogin: requestUserLogin(r); break; default: noticeError(r.message); break; } }, 'json'); } } function contact() { startLoading(); $.post(f.url('ajax', 'contact'), JSON.stringify({ contact: { contactreason_id: $('#contact-contactreason_id').val(), description: $('#contact-description').val(), email: $('#contact-email').val(), } }), function (r) { switch (r.result) { case lib.res.SystemOk: endLoading(); noticeSuccess(r.message); window.onbeforeunload = null; break; default: noticeError(r.message); endLoading(); break; } }, 'json'); return false; } function confirmPassword(that) { that.setCustomValidity((that.value == document.getElementById('user-password').value) ? '' : '"密碼"與"確認密碼"不相符。'); } function deleteComment(comment_id) { $.post(f.url('ajax', 'deletecomment'), JSON.stringify({ comment_id: comment_id, }), function (r) { modalBase.close(); switch (r.result) { case lib.res.SystemOk: noticeSuccess(r.message); $('.comment[data-comment_id="' + comment_id + '"]').remove(); let $count_comment = $('.comment-info > .count > span'); $count_comment.text(parseInt($count_comment.text(), 10) - 1); break; case 'UserNotice': noticeNotice(r.message); break; case lib.res.UserRequestLogin: requestUserLogin(r); break; default: noticeError(r.message); break; } }, 'json'); } function endLoading(e = ':loading') { $(e).loading('stop'); } function exportTagObj() { let tag = []; if (tagify.value.length > 0) { $.each(tagify.value, function (i, v) { tag[i] = { name: v.value }; }); } return tag; } function forgetpassword() { startLoading(); $.post(f.url('ajax', 'forgetpassword'), JSON.stringify({ account: $('#user-account').val(), }), function (r) { switch (r.result) { case lib.res.SystemOk: noticeSuccess(r.message); setTimeout(function () { endLoading(); window.onbeforeunload = null; location.href = r.data.redirect; }, 1200); break; default: endLoading(); noticeError(r.message); break; } }, 'json'); return false; } function getUserVerifyCode(account) { startLoading(); $.post(f.url('ajax', 'userverify'), JSON.stringify({ account: account, }), function (r) { endLoading(); switch (r.result) { case lib.res.SystemOk: noticeSuccess(r.message); $('#signup') .find('form:eq(0)').find('input').prop('disabled', true).end().end() .find('form:eq(1)').find('button, input').prop('disabled', false).end(); break; default: noticeError(r.message); break; } }, 'json'); return false; } function goAdTop() { let $headbar = $('#headbar'), b = window.matchMedia('(max-width: ' + visual_size_m + 'px)').matches, s = $(this).scrollTop(); $('#headbar, #index, #topic-view').each(function () { let $_ = $(this); $_.stop(true); if (b) { if (s > lastScrollTop) { // down $_.animate({top: -$headbar.height()}); } else { // up $_.animate({top: 0}); } } else { $_.animate({top: 0}); } }); } function goNavMenu(e) { let is_mini = Cookies.get(navmenuMinimizeCookieName) === 'true', n = 'mini'; switch ($navmenu.prop('id')) { case 'navmenu': if (e === 'click') { if (window.innerWidth >= navmenu_trigger_point && $navmenu.is(':visible')) { $navmenu.toggleClass(n); Cookies.set(navmenuMinimizeCookieName, $navmenu.hasClass(n), {expires: 7}); } else { modalNavMenu.open(); } } else { if (window.innerWidth >= navmenu_trigger_point) { modalNavMenu.close(); is_mini ? $navmenu.addClass(n) : $navmenu.removeClass(n); } else { $navmenu.addClass(n); } } break; case 'navmenu_account': if (e === 'click') { let v = $navmenu.is(':visible'); v ? $navmenu.hide() : $navmenu.show(); Cookies.set(navmenuMinimizeCookieName, v, {expires: 7}); } else { if (window.innerWidth >= navmenu_trigger_point) { is_mini ? $navmenu.hide() : $navmenu.show(); } else { $navmenu.hide() } } break; } } function initGallery(tgt) { let it = [], ix = 0, p = []; tgt.closest('div[data-root="gallery"]').find('img').each(function (k) { let t = $(this); if (p.includes(t.prop('src'))) return; it.push({ h: t.attr('height') || t[0].naturalHeight, msrc: t.prop('src'), src: t.prop('src'), w: t.attr('width') || t[0].naturalWidth }); p.push(t.prop('src')); if (tgt.is(t)) ix = k; }); new PhotoSwipe(document.querySelectorAll('.pswp')[0], PhotoSwipeUI_Default, it, {index: ix}).init(); } function inrTopic() { setInterval(function () { if (arr_view_topic.length > 0) { $.post(f.url('ajax', 'impresstopic'), JSON.stringify(arr_view_topic)); arr_view_topic = []; } }, 4000); } function loadAd() { $('.ad > .load').each(function () { let $el = $(this), id = $el.prop('id'); if (!arr_load_ad.includes(id)) { arr_load_ad.push(id); postscribe('#' + id, $el.data('src')); } }); } function login() { startLoading(); $.post('https://www.pinqueue.com/ajax/login/?topic_id=2406e7f6c55657db', JSON.stringify({ account: $('#user-account').val(), password: $('#user-password').val(), }), function (r) { switch (r.result) { case lib.res.SystemOk: noticeSuccess(r.message); setTimeout(function () { endLoading(); window.onbeforeunload = null; location.href = r.data.redirect; }, 1200); break; default: endLoading(); noticeError(r.message); break; } }, 'json'); return false; } function loginByFacebook() { startLoading(); FB.getLoginStatus(function (resp) { if (resp.status === 'connected') { $.post('https://www.pinqueue.com/ajax/loginbyfacebook/?topic_id=2406e7f6c55657db', JSON.stringify({ access_token: resp.authResponse.accessToken }), function (r) { switch (r.result) { case lib.res.SystemOk: noticeSuccess(r.message); setTimeout(function () { endLoading(); window.onbeforeunload = null; location.href = r.data.redirect; }, 1200); break; default: endLoading(); noticeError(r.message); break; } }, 'json'); } else { endLoading(); noticeError('資料溝通異常。'); } }); } function noticeError(msg) { new jBox('Notice', { color: 'red', content: msg, }); } function noticeNotice(msg) { new jBox('Notice', { color: 'yellow', content: msg, }); } function noticeSuccess(msg) { new jBox('Notice', { color: 'green', content: msg, }); } function openDeleteComment(comment_id) { modalBase .setContent('<div><p class="text-center">確定刪除留言？</p><div class="btn-group flex"><button type="button" class="btn btn-primary" onclick="deleteComment(\'' + comment_id + '\')">刪除</button><button type="button" class="btn btn-secondary" onclick="modalBase.close()">取消</button></div></div>') .open(); } function popupNavMenu() { modalNavMenu.open(); } function reAttach() {//2021-04-14 Lion: 作用於再綁定動態 html 事件 inViewAd(); inViewTopic(); loadAd(); tooltipShare.attach(); } function refreshActivityList(object = 'topic', order = 'inserttime', page = 1) { $.post('https://www.pinqueue.com/ajax/getactivitylist/', { object: object, order: order, page: page, }, function (r) { r = $.parseJSON(r); switch (r.result) { case lib.res.SystemOk: $('#nav-' + object).html(r.data); break; case lib.res.UserRequestLogin: requestUserLogin(r); break; default: noticeError(r.message); break; } }); } function requestUserLogin(r) { modalRequestUserLogin.setContent(r.data).open(); } function signUp() { startLoading(); $.post('https://www.pinqueue.com/ajax/signup/', JSON.stringify({ account: $('#userverify-account').val(), code: $('#userverify-code').val(), displayname: $('#user-displayname').val(), password: $('#user-password').val(), password_confirm: $('#user-password-confirm').val(), }), function (r) { switch (r.result) { case lib.res.SystemOk: noticeSuccess(r.message); setTimeout(function () { endLoading(); window.onbeforeunload = null; location.href = r.data.redirect; }, 1200); break; default: endLoading(); noticeError(r.message); break; } }, 'json'); return false; } function startLoading(e = 'body', m = '處理中...') { $(e).loading({ message: m, theme: Cookies.get('theme') === undefined ? 'light' : JSON.parse(Cookies.get('theme')), zIndex: 1000, }); } function triggerAd(el, ev) { let $el = $(el), ad_id = $el.data('ad_id'), adboard_id = $el.data('adboard_id'), adschedule_id = $el.data('adschedule_id'), topic_id = $el.data('topic_id'), n, u; switch (ev) { case 'clickad': n = 'beenclickedAd'; u = f.url('ajax', 'clickad'); break; case 'viewad': n = 'viewedAd'; u = f.url('ajax', 'viewad'); break; } n += ':' + adschedule_id + '-' + adboard_id + '-' + ad_id + '-' + topic_id; if (u && !Cookies.get(n)) { Cookies.set(n, true, {expires: 2 / 86400}); $.post(u, JSON.stringify({ ad_id: ad_id ?? null, adboard_id: adboard_id ?? null, adschedule_id: adschedule_id ?? null, topic_id: topic_id ?? null, })); } } function voteDownComment(that, comment_id) { let $tool = $(that).closest('.tool-footnote'); if ($(that).hasClass('active')) { $.post(f.url('ajax', 'deletevotedowncomment'), JSON.stringify({ comment_id: comment_id, }), function (r) { switch (r.result) { case lib.res.SystemOk: noticeSuccess(r.message); $tool .find('.icon-thumbs-down').removeClass('active').siblings('span').text(r.data.countofbeenvoteddown_spoken).end().end() .find('.icon-thumbs-up').siblings('span').text(r.data.countofbeenvotedup_spoken); break; case 'UserNotice': noticeNotice(r.message); $(that).removeClass('active'); break; case lib.res.UserRequestLogin: requestUserLogin(r); break; default: noticeError(r.message); break; } }, 'json'); } else { $.post(f.url('ajax', 'insertvotedowncomment'), JSON.stringify({ comment_id: comment_id, }), function (r) { switch (r.result) { case lib.res.SystemOk: noticeSuccess(r.message); $tool .find('.icon-thumbs-down').addClass('active').siblings('span').text(r.data.countofbeenvoteddown_spoken).end().end() .find('.icon-thumbs-up').removeClass('active').siblings('span').text(r.data.countofbeenvotedup_spoken); break; case 'UserNotice': noticeNotice(r.message); break; case lib.res.UserRequestLogin: requestUserLogin(r); break; default: noticeError(r.message); break; } }, 'json'); } } function voteDownTopic(that, topic_id) { let $header_vote_info = $(that).closest('.body').siblings('.header').find('.vote-info'), $tool = $(that).closest('.tool-footnote'); if ($(that).hasClass('active')) { $.post(f.url('ajax', 'deletevotedowntopic'), JSON.stringify({ topic_id: topic_id, }), function (r) { switch (r.result) { case lib.res.SystemOk: noticeSuccess(r.message); $tool .find('.icon-thumbs-down').removeClass('active').siblings('span').attr('data-original-title', r.data.countbybeenvoteddown).text(r.data.countbybeenvoteddown_spoken).end().end() .find('.icon-thumbs-up').siblings('span').attr('data-original-title', r.data.countbybeenvotedup).text(r.data.countbybeenvotedup_spoken); $header_vote_info .find('.icon-thumbs-down').siblings('span').attr('data-original-title', r.data.countbybeenvoteddown).text(r.data.countbybeenvoteddown_spoken).end().end() .find('.icon-thumbs-up').siblings('span').attr('data-original-title', r.data.countbybeenvotedup).text(r.data.countbybeenvotedup_spoken); break; case 'UserNotice': noticeNotice(r.message); $(that).removeClass('active'); break; case lib.res.UserRequestLogin: requestUserLogin(r); break; default: noticeError(r.message); break; } }, 'json'); } else { $.post(f.url('ajax', 'insertvotedowntopic'), JSON.stringify({ topic_id: topic_id, }), function (r) { switch (r.result) { case lib.res.SystemOk: noticeSuccess(r.message); $tool .find('.icon-thumbs-down').addClass('active').siblings('span').attr('data-original-title', r.data.countbybeenvoteddown).text(r.data.countbybeenvoteddown_spoken).end().end() .find('.icon-thumbs-up').removeClass('active').siblings('span').attr('data-original-title', r.data.countbybeenvotedup).text(r.data.countbybeenvotedup_spoken); $header_vote_info .find('.icon-thumbs-down').siblings('span').attr('data-original-title', r.data.countbybeenvoteddown).text(r.data.countbybeenvoteddown_spoken).end().end() .find('.icon-thumbs-up').siblings('span').attr('data-original-title', r.data.countbybeenvotedup).text(r.data.countbybeenvotedup_spoken); break; case 'UserNotice': noticeNotice(r.message); break; case lib.res.UserRequestLogin: requestUserLogin(r); break; default: noticeError(r.message); break; } }, 'json'); } } function voteUpComment(that, comment_id) { let $tool = $(that).closest('.tool-footnote'); if ($(that).hasClass('active')) { $.post(f.url('ajax', 'deletevoteupcomment'), JSON.stringify({ comment_id: comment_id, }), function (r) { switch (r.result) { case lib.res.SystemOk: noticeSuccess(r.message); $tool .find('.icon-thumbs-down').siblings('span').text(r.data.countofbeenvoteddown_spoken).end().end() .find('.icon-thumbs-up').removeClass('active').siblings('span').text(r.data.countofbeenvotedup_spoken); break; case 'UserNotice': noticeNotice(r.message); $(that).removeClass('active'); break; case lib.res.UserRequestLogin: requestUserLogin(r); break; default: noticeError(r.message); break; } }, 'json'); } else { $.post(f.url('ajax', 'insertvoteupcomment'), JSON.stringify({ comment_id: comment_id, }), function (r) { switch (r.result) { case lib.res.SystemOk: noticeSuccess(r.message); $tool .find('.icon-thumbs-down').removeClass('active').siblings('span').text(r.data.countofbeenvoteddown_spoken).end().end() .find('.icon-thumbs-up').addClass('active').siblings('span').text(r.data.countofbeenvotedup_spoken); break; case 'UserNotice': noticeNotice(r.message); break; case lib.res.UserRequestLogin: requestUserLogin(r); break; default: noticeError(r.message); break; } }, 'json'); } } function voteUpTopic(that, topic_id) { let $header_vote_info = $(that).closest('.body').siblings('.header').find('.vote-info'), $tool = $(that).closest('.tool-footnote'); if ($(that).hasClass('active')) { $.post(f.url('ajax', 'deletevoteuptopic'), JSON.stringify({ topic_id: topic_id, }), function (r) { switch (r.result) { case lib.res.SystemOk: noticeSuccess(r.message); $tool .find('.icon-thumbs-down').siblings('span').attr('data-original-title', r.data.countbybeenvoteddown).text(r.data.countbybeenvoteddown_spoken).end().end() .find('.icon-thumbs-up').removeClass('active').siblings('span').attr('data-original-title', r.data.countbybeenvotedup).text(r.data.countbybeenvotedup_spoken); $header_vote_info .find('.icon-thumbs-down').siblings('span').attr('data-original-title', r.data.countbybeenvoteddown).text(r.data.countbybeenvoteddown_spoken).end().end() .find('.icon-thumbs-up').siblings('span').attr('data-original-title', r.data.countbybeenvotedup).text(r.data.countbybeenvotedup_spoken); break; case 'UserNotice': noticeNotice(r.message); $(that).removeClass('active'); break; case lib.res.UserRequestLogin: requestUserLogin(r); break; default: noticeError(r.message); break; } }, 'json'); } else { $.post(f.url('ajax', 'insertvoteuptopic'), JSON.stringify({ topic_id: topic_id, }), function (r) { switch (r.result) { case lib.res.SystemOk: noticeSuccess(r.message); $tool .find('.icon-thumbs-down').removeClass('active').siblings('span').attr('data-original-title', r.data.countbybeenvoteddown).text(r.data.countbybeenvoteddown_spoken).end().end() .find('.icon-thumbs-up').addClass('active').siblings('span').attr('data-original-title', r.data.countbybeenvotedup).text(r.data.countbybeenvotedup_spoken); $header_vote_info .find('.icon-thumbs-down').siblings('span').attr('data-original-title', r.data.countbybeenvoteddown).text(r.data.countbybeenvoteddown_spoken).end().end() .find('.icon-thumbs-up').siblings('span').attr('data-original-title', r.data.countbybeenvotedup).text(r.data.countbybeenvotedup_spoken); break; case 'UserNotice': noticeNotice(r.message); break; case lib.res.UserRequestLogin: requestUserLogin(r); break; default: noticeError(r.message); break; } }, 'json'); } } </script> <ins class="clickforceads" data-ad-zone="14300"></ins> <script async type="text/javascript" src="//cdn.holmesmind.com/js/init.js"></script></body> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true"> <div class="pswp__bg"></div> <div class="pswp__scroll-wrap"> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <div class="pswp__counter"></div> <button class="pswp__button pswp__button--close" title="Close (Esc)"></button> <button class="pswp__button pswp__button--share" title="Share"></button> <button class="pswp__button pswp__button--fs" title="Toggle fullscreen"></button> <button class="pswp__button pswp__button--zoom" title="Zoom in/out"></button> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"></button> <button class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"></button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div></html>
