問題タブ [slick.js]

Angular Slick でどのように外部矢印を作成しますか? ドキュメントは実際にはそれの手がかりを与えていません。

私はすでにjQueryでそれを行う方法を知っていますが、slickはangularで実際のタグを使用しているため、まったく同じではありません:

http://codepen.io/anon/pen/KwMZao

製品画像用のカルーセル(slick.js)があり、これらの画像にズームを実装しようとしていますが、滑らかなカルーセルでアクティブな画像に関係なく、ズームコンテナのカルーセルの最後の画像しか表示されません。私のコード。

10個のスライダーよりも滑らかなスライダーを構築しています。それぞれが画像の水平スライドのスライスです。

それらの1つがクリックされた場合、それらはすべて同じランダムインデックスにスライドするはずslickGoToです. ただし、スライドが現在アニメーション化されている場合、適切なスライドに移動する代わりに、1 つのスライダーがアニメーションを終了します。

でアニメーションを停止しようとしまし$('.slick-track').stop(true, true);たが、うまくいきません。

slickGoTo正しいスライドに移動する方法や、アニメーションを停止してから呼び出す方法についてのアイデアはありますslickGoToか?

HTML

JS

slick.js スライダーのテキストにアニメーション (animate.css を使用) を追加しようとしています。アニメーションは機能しますが、最初に表示してからアニメーションを実行しないと機能しません。ここに私が取り組んでいるサイトがあります: http://dentiq.godigitaldev.com/

ここに私のslick.jsコードがあります:

.hidden クラスは単純です: .hidden {display:none;}

slick.js カルーセルを含む Web サイトがあります。画面サイズが約 770px 未満のデバイスで Web サイトを表示すると、ページの端に白い隙間ができることに気付きました。

いくつかのテストの後、ウェブサイトから slick.js を削除すると、白い隙間が消えることに気付きました。
最初は、スライドの内容が原因だと思っていましたが、各スライドを数語に減らしたところ、まだ空白が残っています。

HTMLは次のとおりです。

そしてJavascript（ページロード後）：

CSS（スライダーに関して）：

モバイルでは、ページは左右に移動し (想定されていない場合)、そのギャップを明らかにしたり隠したりします。それは本当に迷惑です。

本文に設定overflow-x: hiddenしてみましたが、サイトのナビゲーションや全体的なスクロールに多くの問題が発生します。

つまり、基本的には Slick でこのようなことをしたいと思っています... 通常のスライドが欲しいのですが、問題は、アクション (ボタン) への呼び出しをスライドに入れたいということです。これは通常、ボタンをスライドに配置するだけで簡単ですが、オーバーフローがあります。カルーセルに非表示のスタイルがあり、それ以外の場合は他のスライドが表示されます。どうすればこれを達成できるのだろうか（ボタンが切り取られずにわずかに外側に出る）.

編集：私が持っている本当の問題であるカルーセルに境界線を追加しました...境界線を維持し、境界線に重なって表示されるようにします

スリックカルーセル ( http://kenwheeler.github.io/slick/ ) を使用して、npm 経由でインストールしようとしています。

次のように browserify 経由でインクルードします。

このように実行しようとしています:

コンソール エラーはありません。カルーセルが初期化されていません。どうしたの？