【jQuery】スライダープラグインslickでのサムネイルの挙動について

前提・実現したいこと

slickを使用して、サムネイル付きスライダーを設置しました。
slick.min.jsと、slick.cssを読み込んでいます。
サムネイル画像をクリックではなく、マウスオーバーでメイン画像が切り替わるようにしたいです。
サムネイルではなく、dotsではマウスオーバーで画像を切り替える方法を見つけたのですが、
サムネイル画像でマウスオーバーで切り替えるにはどのようにしたらいいのかわかりません。
どなたか教えていただけないでしょうか？
よろしくお願いいたします。

lang
1<div class="mod_slide">
2<div class="mod_slide_img slider-for01">
3<div><img src="img/01.jpg" /></div>
4<div><img src="img/02.jpg" /></div>
5<div><img src="img/03.jpg" /></div>
6<div><img src="img/04.jpg" /></div>
7</div>
8
9<ul class="mod_slide_nav slider-nav01">
10<li>2011</li>
11<li>2012</li>
12<li>2013</li>
13<li>2014</li>
14</ul>
15</div><!-- //mod_slide -->

lang
1$(function() {
2    //slick
3    $(".slider-for01").slick({
4        slidesToShow: 1,
5        slidesToScroll: 1,
6        dots: true,
7        arrows: false,
8        fade: true,
9        adaptiveHeight: true,
10        asNavFor: '.slider-nav01'
11    });
12    $(".slider-nav01").slick({
13        slidesToShow: 8,
14        slidesToScroll: 1,
15        asNavFor: '.slider-for01',
16        pauseOnHover: true,
17        focusOnSelect: true
18    });