在CSS中，我們可以使用偽類（:active）來(lái)定義圖片被點(diǎn)擊時(shí)的樣式，我們可以將圖片設(shè)置為一個(gè)鏈接，并使用CSS來(lái)定義鏈接被點(diǎn)擊時(shí)的樣式，以下是一個(gè)簡(jiǎn)單的示例：

HTML代碼：

<a href="image1.jpg" class="image-link">
  <img src="image2.jpg" alt="預(yù)覽圖片" />
</a>

CSS代碼：

.image-link img {
  width: 200px;
  height: 200px;
}
.image-link:active img {
  transform: scale(0.9);
}

在這個(gè)示例中，我們定義了一個(gè)鏈接（a標(biāo)簽），鏈接指向的圖片是image1.jpg，但是我們?cè)阪溄觾?nèi)部使用了img標(biāo)簽來(lái)顯示預(yù)覽圖片image2.jpg，我們使用CSS來(lái)定義鏈接被點(diǎn)擊時(shí)的樣式，即鏈接內(nèi)部的圖片會(huì)縮小到原來(lái)的0.9倍。

這樣，當(dāng)用戶點(diǎn)擊鏈接時(shí)，圖片就會(huì)縮小，從而實(shí)現(xiàn)點(diǎn)擊切換圖片的效果，需要注意的是，這種方法僅適用于圖片鏈接，如果需要將圖片作為按鈕或其他可點(diǎn)擊元素，可能需要使用其他CSS技巧來(lái)實(shí)現(xiàn)。