/* 新增鍵盤左右鍵切換作品的功能 */
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";
        }
    }
});
2011
四頻道影像裝置
複合媒材
這是一個蒼白的抽象化空間。聲音、影像與物理結構共同編制出一種遲滯的感知經驗。四面牆上的螢幕角度錯置，構成不對稱的觀看場域，灰階影像反覆播放著一些難以命名的動作：閱讀、吞嚥、抽搐、等待。這些身體看似正在進行某種儀式，卻無敘事可循；動作之間存在間距，但無邏輯關係，它們不再是「表演」，而是重複的感知單位。


在展場中央，一座潔白城市模型被安置在傾斜的鋼架平台上，宛如一座無主的祭臺。投影自上方灑下，影像如液體般流動，黑色緩緩覆蓋建築的輪廓，又逐漸退去。城市反覆被淹沒與出現，每一次都略有不同，但這些「不同」無法輕易被辨識。它們不是事件的差異，而是時間本身在變形，是空間對感知所做的細微切分。


觀看此作的身體處於一種遞延狀態。你被聲響困住，被影像包覆，被白色與黑色的流動牽制。但你無法確定自己是否正在「理解」什麼，因為理解在此已非重點。時間不再流動，而是在原地盤旋，感知變得遲鈍，判斷失效。那不是靜止，而是一種被無限延展的此刻，一種在重複中失去參照系的經驗。


《流床》是一種空間內的心理切面，也是一個城市結構的殘響。它並不模擬真實，也不批判現代性，而是讓我們置身於某種去主體的觀看條件中。當視線被分割、聲音成為遮蔽、敘事被抽離，觀看成為一種無法完成的行動，一種枯燥但持續發生的知覺負擔。


藝術家不是在講述記憶，而是在製造一種讓記憶無法落腳的條件。他所召喚的不是一個可被命名的事件，而是一種不斷重啟的觀看狀態，一種關於「時間如何成為異質物質」的提問。在這樣的作品中，身體與意識不再居於同一平面——那不再是觀看一件作品的行動，而是一場無從退出的感官遲滯。我們凝視的，是生活本身被抽離之後的空殼。


2025 CopyRight ©