更改缩略图大小

这里是什么，我想换一个屏幕截图： 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

更改缩略图大小

回答

相关问题