更改縮略圖大小

這裏是什麼，我想換一個屏幕截圖： enter image description here 更改縮略圖大小

下面是一個代碼片段我猜改變：

<div id="gallery" class="lbGallery" style="width: 680px"> 
     <ul> 
      <div align="center"> 
      <div align="center">&nbsp;</div> 
      </div> 
      <div align="left"> 
      <div>&nbsp;<a href="http://pacificrollers.com/images/lightbox/kwokwah1.jpg" title=""><img alt="" title="" src="http://pacificrollers.com/images/lightbox/kwokwah1.jpg" border="0" height="200%" width="273%" /></a><br /> 
      </div> 
      </div> 
      <p align="center"></p> 
      <p align="center"></p> 
      <p align="center"></p> 
      <p align="center"></p> 
      <p align="center">&nbsp;</p> 
      <p align="center"></p> 
      <p align="center">&nbsp;</p> 
      <p align="center"></p> 
      <p align="center">&nbsp;</p> 
      <p align="center"></p> 
      <p align="center">&nbsp;</p> 
      <p align="center"></p> 
      <p align="center">&nbsp;</p> 
      <p align="center"></p> 
      <p align="center"></p> 
      <p align="center"></p> 
      <p align="center"> 
      <p align="center">&nbsp;</p> 
      </p> 
      <p align="center"><a href="http://pacificrollers.com/images/lightbox/kwokwah2.jpg" title=""><img alt="" title="" src="http://pacificrollers.com/images/lightbox/kwokwah2.jpg" border="0" height="2483" width="1755" /></a> 
      <p align="center">&nbsp;</p> 
      </p> 
      <p align="center"></p> 
      <p align="center">&nbsp;</p> 
      <p align="center"></p> 
      <p align="center">&nbsp;</p> 
      <p align="center"></p> 
      <p align="center"></p> 
      <p align="center"></p> 
      <p align="center"></p> 
      <p align="center"></p> 
      <p align="center"></p> 
      <div align="center">&nbsp;</div> 
      <p align="center"></p> 
      <div align="center"></div> 
     </ul> 
     </div>

不過，我不知道如何更改縮略圖大小。我在谷歌搜索，仍然很難找到一個一致的方式來改變它。我懷疑我需要更改標籤內容，但不完全確定。因此，在這裏張貼一個查詢來聽取一些建議。

在此先感謝！

來源

2013-03-01 stanigator

你只是想改變圖像的大小？ – Leeish 2013-03-01 22:37:48

只是在頁面中顯示的圖像。我想這是縮略圖。 – stanigator 2013-03-01 22:41:04

更改<img />元素的width和height屬性。

...但沒有任何藉口爲<p align="center">，看到你的HTML讓我覺得我走過時光倒流至1999年

更新：

縱觀截圖，在兩個圖像該網頁在屏幕上具有相同的尺寸，儘管具有不同的屬性值。它們的大小可能由樣式表指定。在任何引用的CSS或<style>塊中查找img，並考慮刪除這些規則或使用!important關鍵字在style=""屬性本地覆蓋它們。

來源

2013-03-01 22:38:30 Dai

它不是連續的30個「p」元素嗎？ – Leeish 2013-03-01 22:41:55

我已經改變了這些屬性，但沒有任何區別。這是我現在必須使用的網站。在將其移至Wordpress的過程中。 – stanigator 2013-03-01 22:41:58

我已更新我的回覆。我認爲風格規則是有效的。 – Dai 2013-03-01 22:47:42

<p align="center"><a href="http://pacificrollers.com/images/lightbox/kwokwah2.jpg" title=""><img alt="" title="" src="http://pacificrollers.com/images/lightbox/kwokwah2.jpg" border="0" height="2483" width="1755" /></a>

這有你設置height和width非常大的價值。你可以嘗試讓它們變小嗎？

注意：這將不會形成真正的縮略圖，它仍然會加載整個圖像，但只是縮小它。如果你想要一個實際的縮略圖，那麼你需要創建一些縮小圖像和提供縮略圖大小圖像的程序化方式。

對於許多<p align="center"> </p> s也有相當多的擔心。您可能希望查看CSS樣式而不是對這些換行符進行硬編碼。

來源

2013-03-01 22:40:11 GordonsBeard

更改縮略圖大小

回答

相關問題