2012-05-29 138 views
0

我已经在我的网页中使用哇滑块。它工作正常。但我面临着一个问题。哇滑块图像

的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。但它会自动重新调整到500像素。请帮帮我。

回答

1

在WowSlider应用程序(付费版本)中,您可以选择设置滑块的高度和宽度(预设或自定义)。看起来你已经选择了960px的宽度。

您还可以选择保存图像的宽高比和/或拉伸小图像。点击扳手图标,点击图片,你会看到右侧的选项。

其中一个注意事项 - 如果客户端只有63像素×62像素,则其图像非常小。如果将其拉伸至960像素宽,则会出现令人难以置信的扭曲和像素化。在这种情况下,我会要求客户提供更高质量的图像。