“thumbsMouseMover”

javascript

.jsファイルへのスクリプトタグに指定する、src属性にはjQueryフレームワークおよびthumbsMouseMover.jsを入れる必要があります。
以下のコードはindex-#.htmlファイル内のHTMLコードに記述します。
カルーセル要素のidは#thumbsで指定し、また、アニメーションなどのオプションを追加しています。

<script type="text/javascript" src="js/jquery-1.4.3.min.js"></script>
<script type="text/javascript" src="js/thumbsMouseMover.js"></script>
$(function(){
  $('#thumbs').thumbsMouseMover({easing: 'easeOutExpo' ,durr:300})
})

HTML

タグの中には画像を挿入して下さい。
以下は一般的なHTMLの記述例です:

<div id="thumbs">
  <ul>
    <li>.....</li>
  </ul>
</div>

CSS

style.cssファイルにスクリプトに関連した以下の記述があります。

#thumbs{
    width:100%;
    overflow:hidden;
}

#thumbs ul{
    position:relative;
}

Comments are closed.