更改缩略图大小

Question

这是我想要改变的截图：

以下是我要改变的代码片段：

<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>

但是，我不知道如何更改缩略图大小。我在Google上搜索过，但仍然很难找到改变它的一致方法。我怀疑我需要更改<img>标签内容，但不完全确定。

Answer 1

<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">&nbsp;</p>s也有很多担心。您可能希望使用CSS来设置样式，而不是硬编码这些换行符。

Answer 2

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

...但是<p align="center">没有任何借口，看到你的HTML让我觉得我回到了1999年。

更新：

查看屏幕截图，尽管具有不同的属性值，但网页中的两个图像在屏幕上具有相同的尺寸。它们的大小可能由样式表指定。在任何引用的CSS或img块中查找<style>，并考虑删除这些规则或使用style=""关键字在!important属性本地覆盖它们。