Wie man position a SWIPER-SLIDE in der Mitte der Seite?
Die Schiebe-Bewegung von Links nach rechts.beim erreichen der letzten Folie.die Bewegung umkehrt.
wenn ich ändern margin-left:0;
von 0 bis sagen wir 5...und wenn ich schieben Sie die linke Raum wird auf die addition der letzten Folie gesehen, für die Hälfte des Bildschirms.
Arbeite ich in Telefon-Lücke, die mit java script,html und css. Ich habe implementiert eine swipeview mit diese.
meine Frage ist wie sollte die CSS werden.Die CSS ich umgesetzt habe ist wie folgt.
.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;
}
aber,wenn ich margin-left:0;
alle sind fest an den linken Rand.
html-Codierung:
<div id="swipe_body">
<div class="swiper-container swiper-threshold">
<div class="swiper-wrapper" id="swiper-wrapper">
</div>
</div>
</div>
SWIPER-SLIDE Erstellung
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 ");
was soll ich geben, so dass n-Anzahl der Eingaben der Folien sollte die gleiche position in der Mitte des Bildschirms.
bitte,führe mich!
- Können Sie erstellen, fiddle? Es ist nicht leicht, zu verstehen, was Sie versuchen, zu erreichen, mit Swiper. Auch, wie ich sehe, dies ist nicht die volle Javascript in yor Beispiel
- danke.Mein problem ist gelöst
Du musst angemeldet sein, um einen Kommentar abzugeben.
Das Skript wird automatisch standardmäßig zentriert dargestellt. Der trick, um das zentrieren zu verwenden ist: "margin: 0 auto' für das übergeordnete element.
So, nun musst du herausfinden, was Sie getan haben zu brechen, die die Zentrierung.