Javascript ライブラリの利用 jQuery cross-slide2

Js

ライブラリの利用

上下にスライド

ブラウザ表示

スライドさせる場合の画像サイズ
元の画像縦サイズ＞表示させるサイズ(divの縦サイズ)でないと、表示する画像が足りなくなる。
ぴったりで指定してしまい、どうにも動かなかった・・・。
firefoxのエラーコンソール表示

アニメーションの実行不可なのはどれかの理由による

  • 画像が小さすぎる
  • divが大きすぎる
  • エフェクトが長過ぎる
<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
    <script src="../jquery/jquery-1.7.2.js"></script>
    <script src="../jquery/jquery.cross-slide.min.js"></script>
 	<title>jquery</title>
   <style>
	#slideshow{
		width: 750px; 
		height: 330px;//*--縦にスライドするなら、縦サイズは画像より小さいこと--//
		}
    </style>
<script>
$(function(){
$('#slideshow').crossSlide({
speed:20,
fade:1
},[
{src:'cross/01.jpg',dir: 'up'},
{src:'cross/02.jpg',dir: 'down'},
{src:'cross/03.jpg',dir: 'up'},
{src:'cross/04.jpg',dir: 'down'}
])});
</script>
</head>
<body>
<div id="slideshow"></div>

</body>
</html>