wie center-Folien in bxslider, also keine Folien zugeschnitten sind

Bitte werfen Sie einen Blick auf die aktuelle Seite, die ich entwickle: http://debourg-dev.ch/eliterent/ Für den Boden in brand logo Schieberegler, bin ich mit dem bxslider. Ich Frage mich, ob es einen Weg gibt, um die Mitte der Folien (logos) und um zu verhindern, dass bxslider von 'die Hälfte zeigen, die logos, da je nach Auflösung der Anzeige, manchmal zeigt es ein freigestelltes logo, wenn es nicht passen Sie alle in-Bildschirm. Idealerweise würde ich nur, wie es um die Anzeige der logos in voller, die passen in das aktuelle Fenster.

Vielen Dank

InformationsquelleAutor user1280853 | 2013-06-02
  1. 5

    Es ist leicht genug, um die Mitte jedes Bildes in seiner li durch Anpassung entfernen diese:

    .bx-wrapper img {
    display: block;
}

    und hinzufügen:

    .bx-wrapper li {
    text-align: center;
}

    Aber ich denke, dass Sie kein Glück in Bezug auf das Kupieren Problem. Ich würde vorschlagen, Einstellung in % der Breite auf der lis, aber das setzt Sie in relation zu den ul ist sehr breit, so dass wird nicht funktionieren. Sie könnten wahrscheinlich tun es mit JS, aber.

    • Fantastisch, @ralph.m, danke dafür!
    InformationsquelleAutor ralph.m
  2. 2

    Um loszuwerden, das zuschneiden und die Folien passen, egal, die Auflösung, die Sie benötigen, zu wissen, die Folie Breite und margin, dann können Sie berechnen, maxSlides mit der Breite von bxslider container.

    Math.floor($('#container').width() / (slide_width + slide_margin));

    Siehe Beispiel

    • Ich war im selben Boot und dann fand ich diese..., die funktioniert, aber Sie müssen die Seite aktualisieren, jedes mal, wenn Sie die Größe der Seite an...das funktioniert ok, aber mit einem iPad oder etwas, dass Sie ändern können, ist die Bildschirm-Auflösung, wie Sie es drehen, es wäre besser, wenn ich könnte nur die Größe des browser, um die änderungen zu sehen...gibt es eine Möglichkeit, passen Sie diesen code, damit es funktionieren kann, dass Art und Weise?
    • Sie können viewport-relative Maßeinheit in CSS.
    InformationsquelleAutor gabdara
Schreibe einen Kommentar