單擊圖像時放大圖像

Question

我正在做一個必須制作照片網頁的項目。 在此頁面中，我必須顯示多個圖像。 用戶需要的是，當他單擊任何圖像時，它將縮放，但同時它也返回網頁作為背景。

Answer 1

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

Answer 2

您可以通過javascript更改圖片的寬度和高度，更改其z-index值，以便在用戶點擊圖片時將其置於一切之上。 當用戶第二次單擊圖像時，將其寬度和高度更改為正常。

看一下這個帖子 。

希望我回答你的問題。

Answer 3

嘗試在您的網頁上放置不可見的Div（z索引：1；顯示：無；）。 單擊后，只需將縮放的圖像放在div上並使div可見。