在新窗口中放大圖片？

我只是做了一個快速搜索我的問題，並找不到任何直接點。在新窗口中放大圖片？

我對HTML仍然很陌生，想知道如果有人能告訴我如何將圖片添加到我的網站並設置代碼，以便如果我點擊它，它會在新窗口中放大圖片。

我將爲我的網站添加大約600多張圖片，所以我還想知道是否有一種方法可以編寫一次代碼，並將其應用於我添加的所有圖片。

在此先感謝， - 丹尼B.

來源

2010-03-01 user283994

有幾種方法可以做到這一點，但我假設你有一個簡單的網站有大量的圖片在一個頁面上，並且希望圖像以「冷靜的方式」放大打開。

看看這個：http://colorpowered.com/colorbox/

...點擊查看演示，然後查看各種照片處理選項。

這隻需要一些基本的HTML和最低配置的Jquery。使用起來非常簡單，產生了很好的效果。

來源

2010-03-01 23:44:37 Tom

谷歌周圍使用關鍵字lightbox。大多數解決方案都是即用型Javascript。只需包含一次，分配一些ID /類，在onload時執行，就是這樣。我個人對Lightbox2和jQuery Lightbox plugin有很好的體驗。

來源

2010-03-01 23:45:18 BalusC

它是一個相當大的一步從不懂HTML在所有認識的jQuery跳，但我想這可能是最好的途徑。 – 2010-03-01 23:52:56

-1

最簡單的方法是將鏈接添加到它，並將target屬性設置爲target="_blank"。鏈接應指向圖像本身。不過，如果你想要一個全新的窗口，這將定期打開一個新的標籤，你應該嘗試

href="javascript:window.open('myimage.png','_blank','toolbar=no,menubar=no,resizable=yes,scrollbars=yes')"

，這將打開一個新的獨立窗口。如果您正在尋找淡入淡出/調整大小等效果，請嘗試發佈其他答案之一。

來源

2010-03-01 23:46:52 casraf

-1阻塞性js。你*至少*希望href =「myimage.png」，其餘的是一個onclick，如果你必須有內聯。此外，燈箱等不僅僅是淡化效果。它們提供了一些標準的內置UI，如關閉按鈕和窗口中的開放。 – 2010-03-01 23:54:43

只是想知道爲什麼我downvoted ..：/ – casraf 2010-03-01 23:55:28

對不起，意味着有我的理由在那裏更快。 – 2010-03-01 23:59:34

有許多方法可以做到這一點。對於一個鏈接到一個新的窗口插入圖像的基本HTML將是：

<a href="enlarged.html" target="_blank"> 
    <img src="photos/photo-name.jpg" /> 
</a>

但是，如果你希望能夠動態地顯示大量的照片這是一個公平的有點複雜。如果您想自己編寫代碼，那麼您需要考慮使用類似PHP的內容來自動輸出超過600個圖像的HTML代碼。然後，不要將每個鏈接都指向新頁面，您可能需要考慮以酷的方式加載圖像，例如其他答案提供的JavaScript Lightbox/colorbox。

一種可能的替代解決方案可能是尋找一些預先創建的相冊腳本。我沒有這些經驗，所以我會讓其他人就此提出一些建議。

來源

2010-03-01 23:50:12

我決定去w/target =「_ blank」 - 燈箱2看起來很棒，但我真的不確定如何使用它以及在哪裏放置所有代碼。我發現的說明仍然假定用戶在該領域有一些標準知識，而我目前還沒有這方面的知識。所以，我會堅持目標/空白方法，直到我可以更熟悉w /編碼，然後我將升級到Lightbox。

再次感謝大家。你們總是快速準確地迴應。

有了十分讚賞， - 丹尼乙

來源

2010-03-02 21:20:08 user283994

在新窗口中放大圖片？

回答

相關問題