Tag: owl-carousel
Owl Carousel ist ein touch-aktiviert jQuery-plugin, das können Sie erstellen eine schöne responsive carousel slider.
Wie man den owl-Karussell-die navigation außerhalb der div
3 Antworten
Ich versuche zu machen, die app carousel für meine website, aber ich bin stecken in diesem Teil bekomme ich nicht, wie bekomme ich die nav-Tasten-stick an den Seiten. ich bin mit Eule Karussell nav-Tasten Hier ist, wie
dotData in owl Karussell 2 funktioniert nicht
2 Antworten
So, ich werde versuchen, die dot-Daten arbeiten in der Owl-Karussell-2, wie beschrieben in der docs. Aber egal was ich mache, die dot-Daten, die ich hinzufügen nie angezeigt. Ich habe ein fiddle-Beispiel zu zeigen. $('.owl-carousel').owlCarousel({ items: 3, nav:
Owl-Karussell nicht angezeigt
3 Antworten
Ich habe nichts getan, mit jquery und sehr wenig mit JavaScript, und ich versuche, fügen Sie ein Owl-Karussell mit ein paar Bilder auf meiner Seite. Ich habe eingefügten code von Ihrer Website, die in der Theorie funktionieren
OwlCarousel 2 - reinit nach Seitenausrichtung ändern
2 Antworten
Ich bin mit OwlCarousel 2 beta für die mobile version meiner website. Menge showd Bilder abhängig von der Bildschirmbreite var owl = $("#owl-demo"); if (screen.availWidth < $(window).width()) { var sWidth = screen.availWidth / 300; } else {
Karussell mit Zoom von der aktuellen Folie
1 Antworten
Benutzte ich die Slick.js um eine Karussell-wie auf einem Bild, aber ich konnte ( Hat jemand das weiß, jeder Weg, um eine Karussell-wie auf einem Bild? Es sollte eine verschiedene Breite von Folien, animation, und eine aktuelle
Owl-Karussell für Bilder mit verschiedenen Größen?
4 Antworten
Ich habe gesehen, diese demo für die Bilder Habe ich die Anforderung, dass die Eule Karussell muss immer die gleiche Breite und Höhe. E. g. passen muss in bestimmten Grenzen. Sollten die Bilder verwenden background-size: contain um
Owl-Karussell 2 mit lazyload option
1 Antworten
Ich bin mit Owl-Karussell 2 in einem Projekt und es funktioniert Super. Möchte ich lazyload der Bilder in jeder Position. Zum Glück, Owl Karussell-2 hat eine eingebaute option für das. Es ist jedoch keine option, um lazyload
So entfernen Sie ein Element von owl-Karussell-2?
3 Antworten
Wie kann ich Sie entfernen ein Element aus einer owl-carousel-Galerie? Hier ist mein html markup: <div class="owl-carousel owl-theme"> <img src="/assets/storage/gallery/1.jpg"></div> <img src="/assets/storage/gallery/2.jpg"></div> <img src="/assets/storage/gallery/3.jpg"></div> <img src="/assets/storage/gallery/4.jpg"></div> </div> Und hier mein JavaScript: $(".owl-carousel").owlCarousel({ items: 1, margin: 10, rtl:
Wie kann ich deaktivieren Sie die Vorherige/nächste in OwlCarousel2, wenn es nicht genügend items zum scrollen?
5 Antworten
Gibt es eine Möglichkeit, deaktivieren Sie die vorherigen und nächsten links, wenn es nicht genügend items zum scrollen? Beispiel: http://truewest.nextmp.net/special-programs diese Galerien ermöglichen 4 Elemente (desktop), es gibt nur 4 Elemente in dieser Galerie, aber die buttons
Owl Carousel 2: filtern von Positionen, aber halten Sie die Sortierreihenfolge mithilfe von Javascript
1 Antworten
Ich bin derzeit mit Eule Karussell-2 und die Kombination mit diesem Filter Beispiel für einen filter erstellen-Menü, das als Titel in dem Menü "filter" - Liste geklickt wird, alle anderen Elemente in der Karussell verschwinden. Das funktioniert
Wie startet carousel anderen dann die ersten Artikel auf der Seite laden
2 Antworten
In bestimmten Fällen beginnen möchte ich die Eule Karussell aus >3 item ich.e-Karussell von defult zeigt Element aus der 3. Reihe.. ich habe die Dokumentation gesehen, Ihr ist keine solche Einstellungsoption zur Verfügung.Wie kann ich dies erreichen.
Owl Carousel-Übergänge-Effekt Funktioniert Nicht Nach Chrome Neueste Update (V36)
4 Antworten
bin ich mit dem OWl-Karussell, für eine Weile, nicht alles perfekt, aber vor kurzem Stand ich vor einem Problem, nachdem mein chrome-browser zu aktualisieren. Die css-transition-Effekte werden nicht mehr auf chrome. Aber alle Effekte, die gut funktioniert
Zeigt einen Teil des nächsten und vorherigen Artikel mit Eule Karussell 2.0
2 Antworten
Ich bin mit Owl Carousel 2.0. Ich möchte zeigen, ein Element, eine Hälfte (oder weniger) des vorherigen Elements (Links) und eine Hälfte (oder weniger) des nächsten Elements (Rechte Seite). Nur darum, ein Teil von Ihnen aus auf
Wie kann ich verschieben .owl-Paginierung außerhalb der primären owl-wrapper? OwlCarousel2
2 Antworten
Es wäre toll, wenn gab es eine einfache Art, sich zu bewegen .owl-Paginierung auf einem anderen div außerhalb der primären owl-wrapper. Frage mich, ob es einen unkomplizierten Weg, dies zu erreichen? InformationsquelleAutor Yunus Gaziev | 2015-01-07
Owl carousel funktioniert nicht, vielleicht habe ich etwas falsch verknüpft?
3 Antworten
Ich eine versucht, die Eule Karussell in meinem neuen Projekt. Ich scheine zu sein, ein Problem mit ihm. Bisher nur HTML und CSS arbeitet. Ich bin irgendwie etwas falsch mit den Skripts. Könnte jemand evtl Leih mir
Owl carousel noch die übergänge, wenn nur 1 Folie im Karussell
7 Antworten
Ich Frage mich, wenn jemand helfen könnte mit diesem. Ich bin mit Karussell in einem CMS und möchte die Möglichkeit für den Kunden manchmal nur 1 Folie, wenn Sie dies wünschen. Aber wenn nur 1 Folie ist
owl carousel blinken beim laden der Seite
5 Antworten
Ich habe mehrere Eule Karussells laufen. Wenn es zum ersten mal lädt das Karussell Blitze mit voller Breite, bis das jquery ins Spiel und dann passt alles. Gibt es trotzdem, um dies zu stoppen? Hier ist mein
Wie neu initialisieren, Owl-Karussell, nachdem ein ajax-call?
6 Antworten
Ich versuche neu zu initialisieren Eule Karussell nach einer erfolgreichen ajax-call. Der ajax-Aufruf werden die Daten ändern, aber die Ansicht sollte gleich bleiben.Ich habe ein Problem, wo die Sicht (der Karussell-Struktur) wird nicht neu initialisiert werden. Alles
Owlcarousel 2 dynamisch geladenen Inhalt
2 Antworten
Habe ich Schwierigkeiten mit ajax laden von Inhalten auf den owl-Karussell-2. Ich versuche neue Elemente, die von dieser Funktion: function loadDecisions(pageNumber) { $.ajax({ url: globalURL, type: 'POST', data: { action: 'lw_infinite_scroll', loop_file: 'video', page_no: pageNumber, posts_per_page: postsPerPage
wie hinzufügen von Leerzeichen zwischen den owl-Karussell-Element
8 Antworten
Wie kann ich fügen Sie ein Leerzeichen zwischen den owl-Element. fügen Sie margin oder padding zwischen den Elementen. dies ist notwendig, zu reagieren.kann ich einige der Regenrinne in der jquery. function newsCarousel(){ $("#carousel").owlCarousel({ items : 4, itemsCustom
Owl Carousel Äußeren Pfeil-Navigation
3 Antworten
Ich versuche zu implementieren, die Eule Karussell mit Lazyload Bilder für eine portfolio-Website und habe Probleme mit der Positionierung meiner Navigations-buttons. Im Idealfall möchte ich hinzufügen, diese auf der Außenseite des Karussells positioniert auf halbem Weg die
owlcarousel - Punkte werden nicht angezeigt
4 Antworten
Ich bin an einem Projekt arbeiten und meine Kenntnisse in javascript sind sehr beschränkt, ich habe mich für owlcarousel. hat alles gut funktioniert aber jetzt stehe ich vor einem problem. Habe ich die Punkte zu wahren, aber
Geklonte Elemente in owl carousel
5 Antworten
Beim Aufbau des Karussell erkannte ich, dass eine Eule add geklonten Objekte duplizieren. Meine Eule config sieht wie folgt aus. Wie kann ich dies verhindern. JS: owlDfe.owlCarousel({ loop: false, autoWidth:false, nav:false, responsiveClass:true, responsive:{ 0:{ items:sizes.mobile_portrait }, 568:{
Hinzufügen animierte überschriften, um den Owl-Karussell
2 Antworten
Ich bin mit Eule Karussell, und habe versucht, fügen Sie animierte Bildunterschriften (nur eine einfache fadein auf Folie, display), aber kann nicht scheinen, um herauszufinden, wie es zu tun. Habe ich die Deckkraft aller Beschriftungen auf 0
Wie man benutzerdefinierte Punkte in der owl-Karussell?
2 Antworten
Habe ich implementiert benutzerdefinierte prev next buttons(ich ommit css-Stile für prev next buttons), aber noch nicht Punkten. Wer weiß, was ist der Fehler, den ich machte? CSS: // owl.carousel.css .owl-controls { text-align: center; } .owl-controls .owl-dot {
Wie kann ich text als Paginierung mit Eule Karussell
2 Antworten
Mit Owl Carousel ich wollte den text vom alt="Image Alt Text" oder title="Image Title Text" Bilder, Seitenumbruch statt Kugeln /Kreise. In den Prozess des Schreibens die Frage und Geigen ich sussed es. Siehe unten. Hoffe dies ist
Owl Carousel 2 Nav auf Seiten
4 Antworten
Hallo, ich bin mit Eule Karussell version 2 und kann nicht finden, ein Beispiel zu setzen für die navigation auf den Seiten Karussell, wie rechts und Links Sparren oder Pfeile. Wie machst du es? InformationsquelleAutor SemanticUI |
Meine Eule Karussell nicht funktioniert
1 Antworten
Habe ich versucht, dieses unten angegebenen code aus, sondern die Bilder angezeigt in der Liste. Hier habe ich versucht, alles verändern, wie ich Hinzugefügt jquery-code der Schleife und alles aber nichts funktionierte. <!doctype html> <html> <head> <link
Wie reinit eine Eule carousel 2.0?
6 Antworten
Ich weiß, in der ersten version von owl-Karussell, machen wir das so : var $carousel = $('#carousel'); var owl = $carousel.data('owlCarousel'); owl.reinit({touchDrag: false, mouseDrag: false;}); Ok, aber wie machen wir es in der zweiten version, ich weiß
Owl Carousel 2, 8 items, die in zwei Reihen
1 Antworten
Ist es möglich, das Karussell in zwei Zeilen? Ich will Bilder, die wie unten: 01 02 03 04 05 06 07 08 09 10 11 12 13 14 15 16 17 18 19 20 & in 1
Center OwlCarousel, wenn weniger als X Artikel
6 Antworten
Verwenden wir OwlCarousel 1.3.3 auf unsere responsive-Website. Wir haben die maximale Anzahl der Elemente 4. $container.owlCarousel({ items: 4, itemsDesktop: [1000, 4], itemsDesktopSmall: [900, 3], itemsTablet: [600, 2], itemsMobile: [480, 1] }); Solange das Karussell enthält 4 oder
endlos-regler mit Eule Karussell-Skript
2 Antworten
ich würde gern ein endlos regler mit Eule Karussell (http://www.owlgraphic.com/owlcarousel/). ich habe einen slider mit Einzel-Element. Meine Einstellungen: items: 1, itemsDesktop: [960,1], singeItem: true, autoPlay : true, rewindSpeed : 10, rewindNav : true, navigation: true, pagination: false
owl-Karussell nicht alles zeigen
2 Antworten
Ich habe ein problem mit einer Eule Karussell, füge ich diesen code in HTML-Datei: <html> <head> <link href="owl-carousel/owl.carousel.css"> <!-- Default Theme --> <link href="owl-carousel/owl.theme.css" <!-- jQuery 1.7+ --> <script src="http://code.jquery.com/jquery-1.11.1.min.js"></script> <!-- Include js plugin --> <script src="owl-carousel/owl.carousel.js"></script>
Owl Carousel zwei Zeilen Ausgabe
1 Antworten
Im mit Eule Karussell mit WordPress und es ist das laden von dynamischen Inhalten mit Hilfe eines WP-Schleife. Hier ist der code der Schleife: <?php $args = array( 'post_type' => 'properties', 'posts_per_page' => -1, 'paged' => $paged
Owl-Karussell, 2 - Center und overlay
2 Antworten
Ich soll einen drei-Element-karusell-mit dem mittleren Element Mitte in einer hintergrund-Farbe (später auf einem hintergrund-Bild in Farbe) und Links + rechts Element in verschiedenen Farben (später imagebackgrounds mit einem Graustufen-filter).Wie diese für owl 1 bei http://codepen.io/OwlFonk/pen/dpjhB Aber
Owl Carousel 2 kann nicht machen, fade-animation work
1 Antworten
Hier ist ein Beispiel von Owl-Karussell, 2 fade-animation: http://www.owlcarousel.owlgraphic.com/demos/animate.html Ich denke ich habe alle benötigten css-und js-Dateien und hier ist mein code: /* ============================================== OWL CAROUSEL =============================================== */ var $slides_nav = ( $('#slides').attr('data-direction') == 1 ) ?
Wie wollen Sie installieren Eule Karussell?
2 Antworten
Ich mache ein Praxis-Website, und ich habe nie ein Bild Karussell vor, so dass ich beschlossen zu versuchen, mein Glück in einem. Nach etwas googlen fand ich den Owl-Karussell, das scheint ein sehr nützliches tool, um ein
Owl Carousel VIDEO Autoplay dosent Arbeit
1 Antworten
Ich verwenden, EULE Karussell, und ich möchte die automatische Wiedergabe der Videos (hintergrund-video für die Folien) aber anscheinend Eule Karussell Stoppt das video. Hier mein jsfiddle: http://jsfiddle.net/EGrGN/35/ <video width="320" height="240" autobuffer controls autoplay> Hi. Hab die Antwort
OwlCarousel 2 .goTo-event funktioniert nicht
2 Antworten
In der Hoffnung, jemand mit OwlCarousel 2 Erfahrung der mir helfen kann. Ich habe ein Menü oben und ich muss jedes Menü-Element, gehen Sie zu der gewünschten Folie, sondern seine nicht funktioniert. Ich bin nicht immer alle
Wie kann ich verschieben .owl-Paginierung außerhalb der primären owl-wrapper? OwlCarousel2
2 Antworten
Es wäre toll, wenn gab es eine einfache Art, sich zu bewegen .owl-Paginierung auf einem anderen div außerhalb der primären owl-wrapper. Frage mich, ob es einen unkomplizierten Weg, dies zu erreichen? InformationsquelleAutor Yunus Gaziev | 2015-01-07
Owl Carousel funktioniert nicht
2 Antworten
Recht, ich arbeite an einer Website für einen Freund, und ich versuche, ein Karussell zu arbeiten. Jedoch, anscheinend, egal was ich versuche. Markup: http://pastebin.com/PjftpnJx Ordner-Struktur: Die Eule CSS-Dateien hatten Ihre Erweiterung geändert .weniger und werden innerhalb der
Zu zerstören und zu initialisieren, Eule Karussell, basierend auf viewport-Größe
1 Antworten
Ich gelesen habe, eine Reihe von Diskussionen über diese, aber keiner von Ihnen haben das Problem gelöst für mich. Ich bin mit enquire.js mein viewport Bedingungen und mein code ist wie folgt: var $slider = $('#home-farms-slider'), sliderOptions
Passen Sie die Höhe der owl-Karussell
2 Antworten
Derzeit die owl-Karussell, dass ich beschäftigt meine website ist viel zu groß, es nimmt mehr als das Vollbild. Von der demo-auf-Eule-Karussell für ein Bild pro Folie, es scheint, dass es möglich ist, um die Höhe einzustellen. Ich
Owl carousel: springen zu einer Folie mit einer bestimmten id
2 Antworten
Ich weiß, dass es die Möglichkeit gibt, den Sprung zu einer bestimmten position in der owl-Karussell durch die aktuelle-position-Anzahl. Wie: $('.jumpTo').click(function(){ carousel.trigger('owl.jumpTo', 3) }); Wäre es möglich zu springen, um passende ID? Nehmen wir an, ich habe
Owl Carousel + URL + Slide Element Ändern
2 Antworten
Gibt es 3 Dinge, die ich tun möchte in javascript/jQuery. Erstellen Sie eine URL für jedes Element (ich bin derzeit mit Lage.hash) Ändern Sie den aktuellen Artikel auf der Grundlage der URL (ich bin derzeit die Lage.hash
owl-Karussell - Set-verschiedene Artikel-Nummer für jeden viele Slider auf derselben Seite platziert
3 Antworten
Ich habe eine Seite mit mehreren Schiebereglern, die erstellt werden, mit Eule Karussell. Ich möchte definieren, die unterschiedliche Anzahl der sichtbaren Elemente für jeden Schieberegler. Die perfekte Lösung wäre, definieren Sie die Anzahl der sichtbaren Elemente in
Owl Carousel Keine Feste Breite
1 Antworten
so, ich bin versucht zu verwenden Owl Carousel ohne eine Feste Breite, da brauche ich eine responsive WordPress Webseite mit keine festen Bilder oder breit sein, sonst bricht meine mobile Ansichten. Versuchte ich die Kommentarzeichen vor den
ändern Sie den owl-Karussell-2-Optionen nach setup?
6 Antworten
Ich bin auf der Suche nach Veränderung owl Karussell-2-Optionen nach setup genauer. Ich bin auf der Suche einen Weg zu deaktivieren, ziehen Sie von dem übergeordneten element des drag-element wie diesem: $('#carousel').on('drag.owl.carousel', function(event) { $('.carousel').on('drag.owl.carousel', function(event) {
OWL Carousel 2: aktuelle Element, wenn die Seite geladen ist
1 Antworten
Muss ich ändern Sie die Klasse, um das aktuelle Element, wenn die Seite geladen wird. Ich zeige Bildunterschrift im aktuellen Element. Hier ist der code: $(document).ready(function() { $('#slider').on('change.owl.carousel changed.owl.carousel', function(e) { if (e.property.name != 'position') return; var
Fügen Sie der Klasse auf OWL Carousel aktuelle Element
1 Antworten
Ich bin mit EULE Karussell, versuchen, Sie auf Klasse hinzufügen, um das aktuelle Element <div class="item"> wenn jeder mal schieben. JS: $(document).ready(function() { $("#owl-demo").owlCarousel({ items : 4, lazyLoad : true, navigation : true }); }); HTML: <div
- 1
- 2