クロスフェード

JavaScript 
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>スライド１・クロスフェード</title>
<script src="js/jquery-1.7.2.min.js"></script><!--jQueryのバージョン番号入りのファイル名だということに注意-->
<script src="js/jquery.cross-slide.min.js"></script>
<script>
  $(function() {
    $('#slideshow').crossSlide({
      sleep: 2,
      fade: 1
    }, [
      { src: 'images/ph01.jpg' },
      { src: 'images/ph02.jpg' },
      { src: 'images/ph03.jpg' },
      { src: 'images/ph04.jpg' }
    ])
  });
</script>
<style>
#slideshow {
  width: 400px;
  height: 300px;
	margin: 30px auto;
}
</style>
</head>

<body>
<div id="slideshow"></div>
</body>
</html>

できたことだけ使おう、と思ったり。
できないことにも挑戦してはいるが、
水面下の白鳥の足掻きと同じで、人に見えないところでじたばたしている。
…見栄坊か。