/* 新增鍵盤左右鍵切換作品的功能 */
document.addEventListener('DOMContentLoaded', function() {
  // 取得按鈕元素
  const prevButton = document.querySelector('.prev-post');
  const nextButton = document.querySelector('.next-post');

  // 監聽鍵盤事件
  document.addEventListener('keydown', function(event) {
    // 判斷按下的按鍵
    if (event.key === 'ArrowLeft' && prevButton) { // 檢查 prevButton 是否存在
      if (prevButton.href) { // 檢查 prevButton 是否具有 href 屬性
        // 觸發上一篇連結
        window.location.href = prevButton.href;
      }
    } else if (event.key === 'ArrowRight' && nextButton) { // 檢查 nextButton 是否存在
      if (nextButton.href) { // 檢查 nextButton 是否具有 href 屬性
        // 觸發下一篇連結
        window.location.href = nextButton.href;
      }
    }
  });
});
jQuery(document).ready(function($) {
    var header = $('.singlework-header');
    var headerHeight = header.outerHeight();
    var isHeaderVisible = false;
    var scrollThreshold = 10; //定滾動多少 px 才會觸發
    var lastScrollTop = 0;
    var headerContainer = $('.singlework-page');
    var scrollTimeout = null; //向上滾動時，延遲多久才會顯示

    $(window).on('load', function() {
        header.css('top', -headerHeight + 'px');
    });

    $(document).mousemove(function(event) {
        if (event.pageY < 50 && !isHeaderVisible) {
            showHeader();
        }
    });

    headerContainer.scroll(function() {
        var scrollTop = $(this).scrollTop();
        var delta = scrollTop - lastScrollTop; // 計算滾動方向

        if (!isHeaderVisible) {
            // 向上滾動超過閾值時，延遲顯示 header
            if (delta < 0 && Math.abs(delta) > scrollThreshold) {
                if (scrollTimeout) {
                    clearTimeout(scrollTimeout);
                }
                scrollTimeout = setTimeout(function() {
                    showHeader();
                }, 150);
            }
        } else {
            // **只有向下滾動時才關閉 header**
            if (delta > 0 && Math.abs(delta) > scrollThreshold) {
                hideHeader();
            }
        }

        lastScrollTop = scrollTop;
    });

    $(document).click(function(event) {
        if (!$(event.target).closest('.singlework-header').length && isHeaderVisible) {
            hideHeader();
        }
    });

    function showHeader() {
        header.addClass('show');
        isHeaderVisible = true;
    }

    function hideHeader() {
        header.removeClass('show');
        isHeaderVisible = false;
    }
});
距離
false
document.addEventListener("DOMContentLoaded", function() {
    // 獲取 meta field 的隱藏元素
    let metaFieldElement = document.querySelector(".singlework-pure-en-title-switcher");
    
    // 獲取 .singlework-title 標題
    let postTitle = document.querySelector(".singlework-title");

    // 確保 metaFieldElement 和 postTitle 存在
    if (metaFieldElement && postTitle) {
        // 讀取 meta field 的值並去除前後空格
        let metaValue = metaFieldElement.innerText.trim().toLowerCase();

        // 如果 meta field 值是 "true"，則將字距設為 0
        if (metaValue === "true") {
            postTitle.style.letterSpacing = "0";
        }
    }
});
2015
影像裝置
極短焦投影、雙聲道環繞
《距離》是一件純粹聚焦影像性的裝置，更確切地說，是一段觀看位置被刻意抽空後所殘留的空間經驗。兩道影像投射於相對的牆面：一側是無盡的海浪，一側是沉默的女性。她站在沙灘上，藍衣、赤足，目光筆直，不語也不移動。海面起伏，潮聲緩慢堆疊，觀者置身其間，如同誤入一場尚未完成語句中的字母。在這件作品中，觀看不再是面向影像的行為，而是被影像所劫持的體驗。觀者無從尋得穩固的觀看點位：站在女子的凝視前，你被看；面向海洋，你失去身體。


地平線，它並非一條可供測量的線，而是一種視覺極限的形狀，是影像空間中的「不可達」，也是透視法賦予觀看者中心位置的基礎。而藝術家正是悄悄移走這個位置，使觀看從中心下墜，透過顛覆觀看的「垂直規定性」前提，使得視線無法穩固自身，而主體亦無從安置。


在失去觀看位置的同時，主體也失去了穩定投射的方向。於是，影像不再發送解讀的邀請，不是為了讓影像說話，而是讓語言沉默。女子的凝視並非請求理解，而是作為某種無法縮減為語義的存在。只是在那裡——在你的面前，與你處於同一個空間，卻不可通達。如同他者，既不近，也不遠，正如浪潮總在抵達之際濕潤你，卻又退回自身。


聲音在此也非僅為背景，而是一種遞延的內部空間。低頻的海浪聲使人彷彿聽見自身的腔體共鳴，像是某種早已存在於身體內部的記憶被喚醒。這種異質感的內在體驗，使觀看者得以覺察在主體間的關係性，也使得聲音與影像不再互為說明，而是彼此牽制，將整個空間統籌為一懸而未決的感知場。


此作的「距離」並非測量的物理距離，而是一種無法被轉譯為「親密」或「疏遠」的殘響。它存在於我們與他人之間，在語言之前，在理解無法抵達之處。這不是因為太遙遠而無法接近，也不是因為陌生而難以溝通，而是因為太過接近——近到幾乎與自身無異，才讓理解成為一種不可能。在這樣的距離中，我們不再固守執念，而是承認每一道目光都指向他者，從未真正抵達自己。


2025 CopyRight ©