選択した画像が真ん中に移動し、強調されます。また複数画像は左右にスライドします。
1．ヘッダーとJavaScriptの記述例
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js"></script>
<script type="text/javascript" src="jquery.coverscroll.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('#idCs').coverscroll();
});
</script>
2．CSSの記述例
<style type="text/css">
<!--
#idCs{
width:1000px;
height:280px;
}
-->
</style>
3．HTMLの記述例
<div id="idCs">
<img src="i1.jpg" alt="">
<img src="i2.jpg" alt="">
<img src="i3.jpg" alt="">
<img src="i4.jpg" alt="">
<img src="i5.jpg" alt="">
<img src="i6.jpg" alt="">
<img src="i7.jpg" alt="">
<img src="i8.jpg" alt="">
<img src="i9.jpg" alt="">
<img src="i10.jpg" alt="">
</div>
