HTML中的圖片隱藏是web開發中非常實用的功能，通過圖片隱藏，我們可以在頁面上預加載圖片，同時也可以在需要時動態顯示圖片，下面我們來介紹一下HTML中圖片隱藏的相關代碼：

<style>
/* CSS規則 */
.hidden-image {
display: none;
}
</style>
<img src="image.jpg" class="hidden-image" />

上述代碼中，我們先在<style>標簽中定義了一個名稱為“.hidden-image”的CSS樣式，樣式的display屬性值為“none”，意味著該元素默認情況下不顯示在頁面中。接著，在<img>標簽中，我們給出了一個名為“image.jpg”的圖片地址，并通過class屬性給<img>標簽賦予了“.hidden-image”的樣式。

在需要顯示圖片的時候，我們可以通過JavaScript來添加或移除“.hidden-image”樣式。以下是一個示例代碼：

<script>
// 獲取圖片元素
var image = document.querySelector('.hidden-image');
// 添加class樣式
function showImage() {
image.classList.add('show-image');
}
// 移除class樣式
function hideImage() {
image.classList.remove('show-image');
}
</script>

在上述代碼中，我們先通過JavaScript獲取了圖片元素，并定義了兩個函數來添加/移除“.hidden-image”樣式，這樣就可以動態地控制圖片的顯示和隱藏了。