Question

以下是我想要更改的内容的屏幕截图： 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>

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

Answer 1

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

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

更新

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

Answer 2

<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>来说，还有很多担心。您可能希望使用CSS来设置样式，而不是硬编码这些换行符。

更改缩略图大小

2 个答案: