增加或減少網站尺寸

因此，我製作了這個網站（lemiart.com），並且根據圖片高度（如果它太大），用戶必須向下滾動才能查看整個圖片，特別是在使用低水庫。我想要做的是在網站上實現一個按鈕，這樣用戶就可以點擊它並且網站會變得更小，就像減少瀏覽器中的縮放一樣。但我想實現它，所以用戶只需點擊它即可縮小，而無需訪問瀏覽器配置。增加或減少網站尺寸

有關如何實現它的任何想法？

在此先感謝

來源

2012-04-18 Vitor Subs

我認爲最好的方法是在CSS中將圖像的默認（最大）高度設置爲合理的值，我不知道，也許是450px或什麼。然後從網上下載一個預先寫好的javascript，當你點擊它時在彈出的div中顯示完整的圖片，我相信有很多可用的代碼文件可用，並且效果會比任何你可以寫在合理數量上的更好的時間。 – MarioDS 2012-04-18 21:16:46

主要的問題是我已經在圖像中製作了固定寬度爲700像素的網站。我不想改變圖像的寬度，只是讓用戶放大或縮小，這取決於他的需要。原因是隻有少數圖像看起來不太好，所以我不想改變它們，只是爲了讓這些圖像看起來更好。 – 2012-04-18 21:24:26

您所描述的內容聽起來像是「響應式網頁設計」。可以考慮添加一些檢測瀏覽器尺寸的JQuery或其他工具，並自動重新配置頁面，而不是讓用戶啓動交互（按鈕單擊）以放大或調整網站和圖像的大小。這是設計多種平臺（PC，手機，平板電腦等）時常用的方法。

Check out this presentation

來源

2012-04-18 21:19:05

是的，它看起來像我在找什麼，但它似乎有點複雜。你認爲有一種方法可以讓網站變得更小嗎？ – 2012-04-18 21:26:34

不是。無論如何，檢測瀏覽器大小和重新調整頁面元素的javascript代碼都是類似的，唯一的問題是它是在點擊按鈕時啓動還是在頁面加載時自動啓動。沒有任何跨瀏覽器的內置功能，將自動處理這個 – 2012-04-18 21:35:50

你可能想看看一些實物收藏的jQuery插件的。

Fancybox（http://fancybox.net/）是我用過的那個很不錯的。有了這些，你可以在網站上有一個較小的圖像，然後使用燈箱縮放到biiger。

來源

2012-04-18 21:19:55 matpol

這是一個很好的選擇，但我想嘗試放大和縮小之前。我不喜歡點擊圖片以更大規模查看圖片的想法。我認爲該網站的主要思想是向下滾動，並認可「藝術」。如有必要，縮小並將其視爲較小。 – 2012-04-18 21:29:09

我認爲你必須考慮人們如何使用互聯網。人們習慣於「畫廊」的想法，並樂意點擊查看更大的版本。在某些方面，你試圖做的似乎違反直覺 - 對我來說 - 但它的網站。你可能會發現其中一些有用的：http://stackoverflow.com/questions/2207508/how-to-zoom-in-and-zoom-out-image-using-jquery – matpol 2012-04-18 21:39:22

增加或減少網站尺寸

回答

相關問題