如何在頁面中央放置SWIPER SLIDE？

滑動運動是從左到右。當它到達最後一個滑動時，運動反轉。當我將margin-left:0;從0更改爲5 ...因爲當我滑動左側空間時，累加最後一張幻燈片顯示爲屏幕的一半。如何在頁面中央放置SWIPER SLIDE？

我正在使用java script，html和css在Phone Gap中工作。我已經使用this實施了swipeview。

我的疑問是CSS be.The CSS我實現了應該怎麼如下。

.swiper-threshold { 
width:100%; 
height:350px; 
margin-top:40px; 
text-align:left; 
line-height:20px; 
font-size: 15px; 
text-align:justify; 
text-justify:inter-word; 
} 

.swiper-threshold .swiper-slide{ 
width:auto; 
height:350px; 
margin-top:2%; 
margin-left:0; 
padding-right:0%; 
text-align:left; 
line-height:20px; 
font-size: 15px; 
text-align:justify; 
text-justify:inter-word; 
}

但是，當我給margin-left:0;所有都卡在左邊距。

HTML編碼：

<div id="swipe_body"> 
    <div class="swiper-container swiper-threshold"> 
     <div class="swiper-wrapper" id="swiper-wrapper"> 

     </div> 
    </div> 
</div>

刷卡-SLIDE創建

  var val = k+1; 
      var superdiv = document.getElementById('swiper-wrapper'); 
      var newdiv = mySwiper.createSlide('div'); 
      newdiv.append(); 
      var divIdName = 'swiper-slide'+val; 
      console.log("div name: "+divIdName); 
      newdiv.setAttribute('id',divIdName); 
      newdiv.className="swiper-slide"; 
      superdiv.appendChild(newdiv); 
      var cnt = '<div id="container'+val+'" class="container">values</div>'; 
      document.getElementById(divIdName).innerHTML=cnt; 
      console.log("processsing parameter loop ");

我應該怎麼給這樣揮動正數的幻燈片應該是相同的位置，中間屏幕。

請引導我！

來源

2013-05-22 user

你可以創建小提琴嗎？理解你用Swiper實現的目標並不容易。也正如我看到這是不完整的Javascript在你的例子 –

@VladimirKharlampidi謝謝你。我的問題得到解決 – user

您正在使用的腳本默認情況下會自動居中。居中的技巧是爲父元素使用'margin：0 auto'。

所以，現在你必須弄清楚你做了什麼來打破中心。

來源

2013-05-22 14:57:54 Xarcell

Xarcell，謝謝你......認爲這個命令沒有工作......我改變了** SWIPER-CONTAINER * *並刪除所有以前的默認設置..我解決了我的問題。 – user

如何在頁面中央放置SWIPER SLIDE？

回答

相關問題