More than 5 years have passed since last update.

slickでslick-arrowをオリジナル画像に変える一番簡単な方法

HTML
CSS
jQuery
slick
slick-arrow

Posted at 2016-07-27

シンプルにこれで終わりです。

style.css

.slick-prev:before {
  content: "" !important;
}

.slick-prev:after {
  content: url(/assets/arrow_left.png);
}

.slick-next:before {
  content: "" !important;
}

.slick-next:after {
  content: url(/assets/arrow_right.png);
}

ページ内にカルーセルが複数ある場合、ググると逆にハマります。。。

You get articles that match your needs
You can efficiently read back useful information
You can use dark theme

What you can do with signing up