2012-05-29 137 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像素寬,則會出現令人難以置信的扭曲和像素化。在這種情況下,我會要求客戶提供更高質量的圖像。