slick sliderでの画像切り替え

Question

前提・実現したいこと

現在slickを使ったスライダーを設置しています。
そこでarrrowを使ってクリックで画像切り替えをせずに、マウスオーバーで画像を切り替えれるようにしたいです。

現在、左右それぞれ半分（５０％）をクリックしたら画像切り替えができるように設定していますが、クリックイベントをマウスオーバーイベントに切り替えたいです。

該当のソースコード

.slick-box{/*ulにつけたクラス名です*/
	position: relative;
}
.slick-box .prev,.next{
	height: 100%;
	width: 50%;
	position: absolute;
	z-index: 5;
	top: 0;
}
.slick-box .prev{
    left: 0;
}

.slick-box .next{
    right: 0;
}

まだまだ未熟なもので、先輩方に教えたいただきたいです。
よろしくお願いします。

Answer 1

CSSのコードをサンプルとして貼ってますが、おそらくJS出ないと解決できないと思います。