Tag: slick.js
Ein jQuery-plug-in zum Karussell.
Klonen extra Folien für Slick Slider
4 Antworten
Ich bin mit jQuery-Slick-Slider zum erstellen eines Links ausgerichtet, unendliche, variable-width-regler. Hier ist das JSFiddle: http://jsfiddle.net/mtaube/rLkj3wcn/2/ Der basic-Initialisierung und-Einstellungen durch die Standard-theme: $('.js-slick').slick({ dots: true, variableWidth: true, arrows: true, }); Hier ist die begginning der regler wird
Umgang mit der Maus zu scrollen, anstatt ziehen in Slick.js?
3 Antworten
Was ist der beste Weg zur Umsetzung Blättern Sie mit slick.js so dass, wenn Sie scrollen Sie mit der Maus, schaltet es auf die nächste Folie? Oder gibt es eine Einstellung fehlt mir? Hier ist was ich
slick.js Karussell so entfernen Sie Nummern aus slick-dots
6 Antworten
Ich habe auf der Suche durch das slick-theme.css und ich kann nicht herausfinden, wie zu verstecken die zahlen eingefügt, nachdem die Punkte. Kann jemand mich aufklären? Ich bin mir nicht sicher, was du meinst. Es sollten keine
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
Vertikal ausrichten Slick carousel navigation Pfeile mit dia-Bild und nicht den text darunter
5 Antworten
Muss ich vertikal ausrichten, dass die Navigations-Pfeile mit den dia-Bild-egal, was die Fensterbreite ist. Derzeit bringt es bei 50% der gesamten Folie. Ich hoffe, ich konnte das auch mit CSS machen, aber wie es scheint, müssen eventuell
Karussells slick.js : 'getSlick' undefined
1 Antworten
ich bin mit Slick.js 2 caroussels verbunden, und Sie sind syncronised. Slick bietet die Möglichkeit, in der Rubrik "Regler Synchronisieren" slick.js website Aber wenn ich versuche, es funktioniert nicht, ich erhalte eine Fehlermeldung: Uncaught TypeError: Cannot read
jQuery-slick carousel "Folie" einstellen
2 Antworten
Ich erstellt habe, ein Karussell mit dem jQuery-slick-plugin (http://kenwheeler.github.io/slick/). Ich möchte die "slide" - Einstellung, um anzugeben, welche Elemente verwendet werden, die in dem Karussell. Die Beschreibung dieser Einstellung ist: Typ:element Default: " Element in einer Abfrage
Append slick Pfeile im inneren der Folie-Inhalt
2 Antworten
Ich bin mit Slick für eine Diashow, wo muss ich die Pfeile werden innen der Folie Inhalt, so kann ich die position davon relativ zu der Folie Inhalt anstelle des äußeren Containers. Ich benutze die appendArrows option,
Slick-Karussell, wie autoplay deaktivieren, wenn das video via youtube api
2 Antworten
Hallo, ich habe Schwierigkeiten slick carousel (http://kenwheeler.github.io/slick/) beendet das autoplay, wenn ich Sie mit einem youtube-clip in den regler.. Jemand gesagt, dass ich verwenden können, onAfterChange-aber wissen noch nicht, wie das deaktivieren der autoplay bei Videos ist
Slick-slider-autoplay-vom ersten slider autoplay loop
2 Antworten
Den Slick-regler, um die automatische Wiedergabe. Zu der Zeit spielen, die Folien kommen von Links nach rechts oder von der ersten bis zur letzten. Wenn Sie den Schieberegler erreichte bei der letzten Folie, es beginnt autoplaying von
Wie kann ich Slick Slider-Höhe reagieren?
5 Antworten
Hätte ich einen funktionierenden Slick-Slider (http://kenwheeler.github.io/slick/), aber nicht der Höhe zu reagieren. Die Bilder bleiben immer die gleiche Höhe, egal, welche Größe ich verkleinern der browser. Ich dachte, die "mobileFirst" - Einstellung würde dieses Problem lösen, aber
Hinzufügen next prev-Taste auf slick carousel
6 Antworten
Vor kurzem habe ich Hinzugefügt Slick carousel auf mein Projekt. Lesen Dokument, das ich gesehen habe, gibt es eine Methode slick Prev() und slick Next(). Aber ich Frage Sie, wie kann ich diese Methode verwenden. Ich habe
Aktivieren und deaktivieren von Slick Slider auf bestimmte Punkte brechen
1 Antworten
Ich versuche zu aktivieren Slick Slider (slick.js initiieren nur über 520px breit. Alles andere unten, und die Folien nur stack (also nicht glatt). Ist es möglich, so dass Sie arbeiten können, ohne die Seite aktualisieren? Ich habe
Wie zu tun, lazy loading image mit srcset?
2 Antworten
Ich bin mit slick.js bauen ein Karussell. Allerdings, auch wenn ich ändern Sie das Attribut aus src zu data-lazy die Bilder immer noch geladen bekommen, bevor ich scrollen um das Bild. Ich vermute, dass es ist, weil
slick.js auf dem letzten dia-show alert
3 Antworten
Ich bin mit slick.js http://kenwheeler.github.io/slick/ durch einige Dias, von denen die Letzte sollte Umschalten eine Warnung. Nach einigen aufspüren rund um online-und der Erkenntnis, dass dies funktionieren sollte, ohne codieren die Anzahl der Folien (und hatte gesehen,
Stecken mit Slick Carousel "Center mode"
3 Antworten
Habe ich schon gespielt, mit Slick carousel für eine faire paar Stunden, und kann nicht wirklich in meinen Kopf, wie die Umsetzung der "center-Modus", die auch auf die Slick-website: http://kenwheeler.github.io/slick/ Es sieht wie folgt aus: Habe ich
Wie hinzufügen von Leerzeichen zwischen Slick carousel-item
12 Antworten
Möchte ich hinzufügen, dass der Raum zwischen zwei slick carousel Elemente, aber nicht wollen, dass der Raum mit Polsterung, weil es die Reduzierung meinem element Größe(und das will ich nicht). JS: $('.single-item').slick({ initialSlide: 3, infinite: false });
jQuery - Slick-Karussell - Wie zu verwenden appendTo() in dieser situation?
2 Antworten
Ich bin mit Slick carousel jQuery-plugin. In der docs es hat eine option appendArrows. Wie ich es verstehe, kann benutzt werden, um die Pfeile-stick zu einem anderen element. Ich benutze ein Karussell, das geschachtelt ist, so dass
slick-Karussell - Steuerelemente ausblenden?
6 Antworten
Gibt es irgendwelche Möglichkeiten, zu stoppen slick hinzufügen weiter & previous-Tasten? Ich kann nicht scheinen, Sie zu verstecken per css. HTML: <button type="button" data-role="none" class="slick-prev" aria-label="previous" style="display: inline-block;">Previous</button> .slick({arrows: false}) InformationsquelleAutor v3nt | 2015-04-09
Slick Carousel Easing-Beispiele
2 Antworten
Bin ich mit Slick Carousel (http://kenwheeler.github.io/slick/), aber weiß nicht, wie integrieren Sie die verschiedenen Folienübergänge. Hat jemand ein Beispiel? Hier ist, was ich derzeit habe: $('.slider1').slick({ autoplay:true, autoplaySpeed: 4500, arrows:false, slide:'.slider-pic', slidesToShow:1, slidesToScroll:1, dots:false, easing: 'easeOutElastic', responsive:
Slick.js entfernen Blaue Markierung um Bild
5 Antworten
Ich bin mit Slick.js Sie bauen ein Karussell innerhalb eines modal. Alles funktioniert perfekt, bis ich auf ein Bild klicken. Ein blauer Rahmen zeigt, und ich leider nicht herausfinden, wie man es halt so tun. Ich habe
Slick zeigen 2 Reihen, 6 Elemente auf desktop und 1 Zeile 1 Punkt auf mobile
2 Antworten
Könnte jemand mir helfen herauszufinden, warum mein code nicht funktioniert? Ich bin versucht zu erreichen, 2 Zeilen und 6 Positionen auf die volle Breite und 1 Zeile mit 1 Punkt auf dem Handy. $('.your-class').slick({ slidesToShow: 1, rows:2,
Wie kann ich eine Feste Höhe Bild mit Slick-Karussell, das nicht zu verzerren, mit der Benutzer ändert die Größe des browser?
1 Antworten
Wie kann ich eine Feste Höhe angeben, für die Bilder nicht verzerren, mit der Benutzer ändert die Größe des browser? Ich wirklich wollen, es zu handeln wie ein hintergrund Bild, aber drehen wie Slick Carousel. Irgendwelche Ideen?
Erkennen, wenn slick slider initialisiert
1 Antworten
Ich versuche zu Feuer-code, wenn slick initialisiert. Offenbar in der neuesten version 1.4 "callback-Methoden wurden als veraltet markiert und ersetzt Sie durch Ereignisse." Dies funktioniert nicht für mich aber: $('.spv-slider').on('init', function(event, slick){ console.log("initialised") }); was ist Los
Slick.js wie Sie Bilder in der Mitte des Karussells?
2 Antworten
Standardmäßig, Bilder ausrichten auf der linken Seite. Mit der Einstellung centerMode: true die Bilder ausgerichtet sind ein paar Pixel von Links, und der Rand das nächste Bild ist ein Blick von der rechten Seite, wie gezeigt: Diese
Slick Carousel Schwierigkeiten der Umsetzung
3 Antworten
Für eine lange Zeit, ich bin auf der Suche nach einer einfachen slideshow/gallery plugin mit lazy loading zu unterstützen-und heute stieß ich auf Slick. Aber Slick Website ist mehr konzentriert in alle zeigen die macht der plugin
Mit slick.js Karussell und lazy loader zum anzeigen eines Vollbild-Karussell
1 Antworten
Ich bin mit slick.js Karussell mit integrierten lazy loading Funktionalität display fullscreen image gallery. Das einzige problem, das ich habe, ist, dass lazy loader zeigt nur mit einem img-tag, also kann ich nicht gelten background-size:cover und ich
slick setPosition funktioniert nicht
2 Antworten
Ich habe einen regler von Daumen und einem Glatten Schieberegler in einer Schicht auf , versteckt über css mit display:none. Klicken Sie auf Veranstaltung, die ich genannt habe, setPosition, aber es funktioniert nicht( <div id="slider" style="display:none"> <div
Slick Carousel - Setzen Sie das erste dia
2 Antworten
Habe ich ein schickes Karussell auf meiner website, in der ein basketball-team planen. Der regler enthält alle Spiele aus der aktuellen Saison nach Datum sortiert. Möchte ich den slider zentriert werden, um das nächste Spiel. Wie setze
Stop autoplay nach dem klicken auf Punkte in slick.js
2 Antworten
So, dies ist der code, den ich verwenden für regler: $('.autoplay').slick({ slidesToShow: 3, slidesToScroll: 1, autoplay: true, autoplaySpeed: 2000, dots: true }); Und ich möchte, dass nachdem der Benutzer klickt auf jeden Punkt, es wird deaktivieren Sie
Slick-Schieberegler - Ändern ziehbar Zustand auf die Eingabe-Fokus Veranstaltung
1 Antworten
Ich versuche zu entfernen, ziehbar option, während ich in ein input-Feld (also kann ich auswählen von text und navigieren in das Feld mit den Pfeilen). var slider = $('.slider').slick({ infinite: false, speed: 300, slidesToShow: 1, adaptiveHeight: true,
slick.js CSS-änderung auf der Folie ändern
1 Antworten
Ist es möglich, ändern Sie die css für ein div auf slick.js slider ändern? Im Grunde ist der slider autoplay-oder ab-Taste, klicken Sie auf ich möchte, um durch eine Reihe von Farben und legen Sie die Hintergrundfarbe
appendDots mit mehreren Slick Karussells
1 Antworten
Habe ich mehrere Slick Karussells und die appendDots parameter ist durch zu viele Navigations-Punkte, um jedes Karussell. z.B. wenn ich 3 Slick Karussells, 3 Sätze Punkte sind, die auf jedes Karussell, anstelle einer für jedes set. $('.carousel').each(function()
Kann dies möglich unslick in desktop-und slick-slide im Handy?
5 Antworten
Möchte ich deaktivieren Sie die Schieberegler im desktop, sondern Bedarf Folie in mobile, guy ' s können Sie mir helfen? $('.slider').slick({ slidesToShow: 5, slidesToScroll: 1, autoplay: false, autoplaySpeed: 2000, responsive: [ { breakpoint: 767, settings: "unslick" }
Slick Carousel Ziel-aktive Folie hinzufügen und entfernen animation-Klasse
1 Antworten
Ich versuche, um das Ziel active slide in meinem slick carousel von ken wheeler, um eine animation hinzuzufügen, um das p-element innerhalb dieser Folie. So, wenn die slide aktiv ist, wird die p element bounce-in (oder sowas),
Slick carousel responsive breakpoints
2 Antworten
Dies ist die Konfiguration, die ich verwende, zu erstellen slick carousel auf meiner web-Seite. $('#carousel').slick({ infinite: true, slidesToShow: 3, slidesToScroll: 1, arrows: true, autoplay: true, autoplaySpeed: 2000, responsive: [ { breakpoint: 1200, settings: { slidesToShow: 2, slidesToScroll:
Slick-slider ersetzt Punkten mit zahlen
1 Antworten
Ich bin versucht zu ersetzen Slick slider /carousel Paginierung mit zahlen anstelle von Punkten. Ich habe das Projekt setup in js fiddle und ich habe eine benutzerdefinierte Funktion, zeigt die aktuelle dia-Anzahl der insgesamt 6. Ich habe
unslick Methode nicht funktioniert
3 Antworten
Ich bin versucht, herauszufinden, warum die unslick Methode nicht funktioniert, wenn ich rufe nach einem erfolgreichen ajax-call. Ich habe gelesen, diese post und bin auf der Suche nach der slick-initialized Klasse, aber ich bin noch immer der
Wie erstelle thumbnail carousel mit Bild-Vorschau in Slick.js?
2 Antworten
Ich möchte die Vorschau nach dem Klick auf ein thumbnail in einer Diashow. Es scheint auch Bilder Vorschau in Slick.js. Sie können sehen Sie mehr hier. Wie diese: Wenn ein Benutzer klickt auf ein thumbnail wird es
Slick JS nicht angezeigt dots
4 Antworten
Ich bin mit Slick.js Für einige Grund, warum ich kann nicht scheinen, um die Punkte zu zeigen. Dies ist, was ich habe. <link rel="stylesheet" type="text/css" href="css/style.css"> <link rel="stylesheet" type="text/css" href="slick/slick.css"/> <link rel="stylesheet" type="text/css" href="slick/slick-theme.css"/> <script type="text/javascript" src="js/jquery.js"></script>
Slick carousel in zwei Zeilen von Links nach rechts
1 Antworten
Ich brauche, um eine zwei-Linien-Karussell mit von Links nach rechts (auch responsive) Mit: $('slider').slick({ rows: 2, slidesToShow: 3, responsive: [ { breakpoint: 768, settings: { slidesToShow: 1 } } ] }); Bekomme ich diese Reihenfolge: 1 3
slick slider dots Neupositionierung
3 Antworten
In meinem Projekt bin ich mit slick-slider plugin ( http://kenwheeler.github.io/slick/ ). Ich Frage mich, ob es möglich ist, neu zu positionieren und slick Punkten. Standardmäßig werden Sie angezeigt, die Sie unterhalb der div-container für die slick-slider angewendet
Slick carousel nicht die Größe
4 Antworten
Ich bin mit Slick.js Karussell auf einem WordPress-Seite, die ich entwickle. Wenn ich die Größe des browser-Fensters, die Karussells, die nicht passen, zu horizontalen Scrollbalken zu zeigen. Wenn ich nicht initiieren Glatt, die Bilder entsprechend verkleinern, als
Holen Sie sich Aktuelle Folie von SLICK SLIDER und Klassen hinzufügen, um innere Elemente
1 Antworten
Habe ich einen Slick slider, wie im Beispiel gezeigt in die glatte Seite, ich verwende den code wie folgt, <div class="slideshow"> <img src="http://lorempixel.com/500/250" /> <img src="http://lorempixel.com/500/251" /> <img src="http://lorempixel.com/500/249" /> </div> eine Miniaturansicht mit carousal <div class="thumbs">
ändern dots Größe in slick.js
1 Antworten
Ich versuche umzusetzen slick.js regler mit Punkten in meiner website. Schieberegler Punkte sind sehr klein.kann ich die Größe der Punkte? oder es ist standardmäßig eine meine css - .slider { width: 650px; margin: 0 auto; } img
Mehrere Slick Slider Problem
2 Antworten
Ich bin mit Slick.js plugin mit seiner Slider-Synchronisieren-Funktion. Das Problem, das ich habe ist, dass wenn ich mehrere Schieberegler auf einer einzigen Seite, indem Sie auf next oder prev buttons plugin führt die Aktion für alle Schieberegler
Wie man eine dia-element in einem Fall, in Slick Carousel?
3 Antworten
Slick Carousel: http://kenwheeler.github.io/slick/ Wie bekomme ich das element von der Folie in eine Veranstaltung? Zum Beispiel: .on('afterChange', function (slick, currentSlide) { var currentSlideElement = //Get current slide element here }); Das erste argument scheint zu sein, die
Deaktivieren Sie die Prev-Steuerelement auf der ersten Folie und deaktivieren der Nächsten Kontrolle auf der letzten Folie
6 Antworten
mit Slick und der Suche nach einem Weg, um die prev-Steuerung deaktiviert und ausgeblendet, bis der Benutzer klickt auf den Pfeil weiter. Ebenso möchte ich die Nächsten Steuerelements deaktiviert und ausgeblendet, sobald der Benutzer mit dem erreichen
Slick Slider (Ken Wheeler) - Ausblenden Schieberegler, bis Geladen
5 Antworten
Ich bin derzeit mit Slick (Ken Wheeler) - Schieberegler-Funktion. Es ist derzeit geladen in der Fußzeile mit nur zwei Variablen. $('.slickSlider').slick({ dots: true, fade: true }); Ich bin derzeit mit den ready-Funktionalität von jquery wo ich alles
Fehler in slick.js: "Uncaught TypeError: Cannot read property 'hinzufügen', null"
1 Antworten
Ich verwendet slick js für die Schieberegler-Ansicht des Bildes. Hier ist mein code. <div class="slider_wrap add-remove"> <%= f.fields_for :images do |image_form| %> <%#= render 'images_fields', :f => image_form %> <div> <%= image_tag image_form.object.picture.url,:class=>"drop_down_link even img_prev" %> </div>
- 1
- 2