Jquery 使用JSSor的图像缩略图大小

我遇到了一个类似的问题，但不确定如何最好地实现发布的答案。我使用的是jssor插件，每个缩略图的大小都不一样。我需要让它们符合所列的尺寸，但是按照现在设置的方式，每个都设置为72px x 72px。我试过将宽度和高度设置为100%，但不确定应该设置在哪里，因为它实际上不起作用。我是否将此添加到此代码中，或者我缺少什么？谢谢你的帮助

  <div u="slides" style="cursor: move; background: black;">
            <div u="prototype" class="p" style="POSITION: absolute; WIDTH: 72px; HEIGHT: 72px; TOP: 0; LEFT: 0;">
                <div class="o" style="position:absolute;top:1px;left:1px;width:72px;height:72px;overflow:hidden;">
                    <ThumbnailTemplate class="b" style="width:72px;height:72px; border: none;position:absolute; TOP: 0; LEFT: 0;"></ThumbnailTemplate>
                    <div class="i"></div>
                    <ThumbnailTemplate class="f" style="width:72px;height:72px;border: none;position:absolute; TOP: 0; LEFT: 0;"></ThumbnailTemplate>
                </div>
            </div>

这是实际的代码。我找到了信息，但不确定它在这里是如何工作的。我使用的是一个php脚本，但我发现解决这个问题有点复杂。谢谢： foreach$结果为$行 { 回响 要浏览图像，请单击下面较小的图像开始

单击图像缩放{$row['figure_1']} ; } ?>

请更换

<img u="thumb" src="../img/landscape/thumb-01.jpg" />

<img u=\"thumb\" src=\"http://mirrorofrace.org/{$row['thumbnail']}\"  alt=\"\" style=\"border: 0\">

与

---

您可以根据需要更改“backgorund size”的属性值。

请添加背景重复：无重复；背景位置：中心；如下:

<div u=\"thumb\">
    <div style=\"width: 100%; height: 100%; background-image: url(http://mirrorofrace.org/{$row['thumbnail']}); background-size: contain; background-repeat: no-repeat; background-position: center center;\"></div>
</div>

---

请在这里发布您的代码不知道在哪里发布代码。我没有看到一个地方谢谢，但我没有看到上面刚刚发布的实际代码。很抱歉另一个帖子，我认为这是需要改变的。Thankstory，仍然不确定我要替换的是什么这是开发人员编写的代码，请让开发人员为YouTunks应用新代码这很有帮助，但由于某些原因，每个缩略图现在正在加倍或在同一图像上并排生成两个图像。图像更大，这是我想要的，没有失真，但它们是不正确的。我认为一个问题是，这些图像中有很多是垂直的，这可能是问题的原因之一。缩略图通常是50 x 70左右的。再想想。如果宽度被称为$row[thumbnail\u width]，高度被称为$row[thumbnail\u height]，那么这是否可行？我不确定如何将其与jssor脚本一起使用，但它在另一个php脚本中工作，并且似乎在那里起作用。我试着在这里用php编写，但是没有成功。我知道我做错了什么，但似乎无法理解。谢谢你的帮助。较旧的站点似乎能够管理这一点：但我想使用jssor滑块，它比我们使用的旧iframe要好得多。谢谢你。谢谢，效果很好。请再问一个问题，如何减少缩略图中图像之间的间距？谢谢你的帮助，我真的很感激。你可以完美地调整“$SpacingX”的值。多谢各位

<div u=\"thumb\">
    <div style=\"width: 100%; height: 100%; background-image: url(http://mirrorofrace.org/{$row['thumbnail']}); background-size: contain;\"></div>
</div>

<div u=\"thumb\">
    <div style=\"width: 100%; height: 100%; background-image: url(http://mirrorofrace.org/{$row['thumbnail']}); background-size: contain; background-repeat: no-repeat; background-position: center center;\"></div>
</div>