javascript - 哇 slider 图像

Question

我在我的网页中使用了 wow slider 。它工作正常。但我面临一个问题。

CSS 是

#wowslider-container1 { 
    zoom: 1; 
    position: relative; 
    max-width:960px;
    margin:0 auto;
    z-index:100;
    border:none;
    text-align:left; /* reset align=center */
}

#wowslider-container1 .ws_images{
    position: relative;
    left:0;
    top:0;
    width:100%;
    height:100%;
    overflow:hidden;
}
#wowslider-container1 .ws_images a{
    width:100%;
    display:block;
    color:transparent;
}

#wowslider-container1 .ws_images img{
    width:100%;
    border:none 0;
    max-width: none;
}
#wowslider-container1 a{ 
    text-decoration: none; 
    outline: none; 
    border: none; 
}

HTML 是:

<div id="wowslider-container1">
      <div class="ws_images">
        <ul>
          <li><img src="images/amazing_sunset.jpg" alt="amazing sunset" title="amazing sunset amazing sunset amazing sunset amazing sunset" /></li>
          <li><img src="images/apple_tree.jpg" alt="apple tree" title="apple tree"/></li>
          <li><img src="images/beutiful_landscape.jpg" alt="beutiful landscape" title="beautiful landscape"/></li>
          <li><img src="images/lightbox-btn-prev.gif" alt="nature" title="nature" width="63" height="32"/></li>
        </ul>
      </div>

  <!-- Generated by WOWSlider.com v2.2 -->
</div>

如果客户端想要上传小尺寸的图像，则不会重新调整大小。但是他上传了一个大尺寸的图像被调整了大小。完全是他不想设置宽高。请引用最后一里。图片大小为63*62。但它会自动重新调整为 500px。请帮助我。

Answer 1

在 WowSlider 应用程序(付费版)中，您可以选择设置 slider 的高度和宽度(预设或自定义)。您似乎选择了 960 像素的宽度。

您还可以选择保留图像的纵横比和/或拉伸(stretch)小图像。单击 Spanner 图标，单击图像，您将在右侧看到该选项。

请注意——如果您的客户的图片只有 63 像素 x 62 像素，那么它的图片就小得令人难以置信。如果你将它拉伸(stretch)到 960 像素宽，它将会出现令人难以置信的扭曲和像素化。在这种情况下，我会要求客户提供更高质量的图像。