當我點擊它時縮放圖像

Question

我正在製作一個項目，在該項目中我必須製作照片的網頁。在這個頁面我必須顯示多個圖像。用戶需要的是，當他點擊任何圖像時，它會縮放，但這時它還會將網頁作爲背景。

Answer 1

您可以通過javascript更改圖像的寬度和高度，更改其z-index，以便它在用戶單擊圖像時顯示所有內容的頂部。當用戶第二次單擊圖像時，將其寬度和高度更改爲正常。

看看這個post。

希望我回答你的問題。

Answer 2

嘗試在您的網頁上放置不可見的Div（使用z-index：1; display：none;）。單擊後，只需將放大的圖像放在div上並使div可見。

Answer 3

您可以使用@Abdul所說的jQuery插件。考慮到這是一個網頁的照片，並且設計很重要，您應該使用NivoZoom或我個人最喜歡的fancybox。