2015-04-03 150 views
-1

我正在創建一個旋轉木馬,並且根據可用寬度的寬度顯示圖像時遇到問題。我的圖像是由250像素350左右,我試圖伸展他們充滿整個窗口根據可用寬度調整圖像

<style> 
 
\t .mainLeftContent 
 
\t { 
 
\t \t width: 80%; 
 
\t } 
 
\t .slider 
 
\t { 
 
\t \t margin: 10px 0; 
 
\t \t width: 100%; /* Update to your slider width */ 
 
\t \t height: auto; /* Update to your slider height */ 
 
\t \t position: relative; 
 
\t \t overflow: hidden; 
 
\t } 
 

 
\t .slider li { 
 
\t \t display: none; 
 
\t \t position: absolute; 
 
\t \t top: 0; 
 
\t \t left: 0; 
 
\t } 
 
</style>
<div id ="mainLeftContent"> 
 
\t <ul id="MainContentPlaceHolder_caruselUl" class="slider"> 
 
\t \t <li><a href="Recipe.aspx?RecipeId=14013"> 
 
\t \t \t <img class="caruselImageClass" src="../images/RecipeImages/635635997646632016.JPG" /></a> 
 
\t \t </li> 
 
\t </ul> 
 
</div>

+1

你試過了什麼?我沒有看到您的代碼中正在設計的imgs。哦,並且該代碼段不起作用。 – 2015-04-04 08:21:07

回答

0

謝謝您的時間。 我使用java腳本解決了我的問題,並動態設置.slider的寬度。

相關問題