在網頁設計中，我們常常需要用到圖片。但是有時候，我們希望在一開始網頁加載時不展示某些圖片，而是在用戶需要時再展示。這時候，我們可以使用CSS中的“顯示/隱藏圖片”的技巧。 首先，我們需要為每個需要隱藏的圖片添加一個class，比如“hidden”：

<img class="hidden" src="image1.jpg">
<img class="hidden" src="image2.jpg">
<img class="hidden" src="image3.jpg">

然后，在CSS中，我們可以定義這個“hidden”class的樣式：

.hidden {
display: none;
}

這個樣式會將所有帶有“hidden”class的圖片都隱藏起來。當需要展示圖片時，我們只需要使用JavaScript來添加或移除這個“hidden”class即可。 比如，我們可以在一個按鈕的點擊事件中添加這個class：

document.querySelector('#showBtn').addEventListener('click', function() {
document.querySelector('.hidden').classList.remove('hidden');
});

當用戶點擊這個按鈕時，頁面上帶有“hidden”class的所有圖片都會展示出來。這個技巧不僅可以用于圖片，也可以用于一些其他的元素。 需要注意的是，由于這個技巧使用了JavaScript，所以在低端瀏覽器中可能會存在兼容性問題。在實際應用中需要測試和適配。