クロスフェードをwebページに実装

JavaScript

授業でも、ここのおさらいでも掲載済みのソースですが、
「JavaScriptでクロスフェード」を実装してみた。

デザイン的体裁は、見てる内にあまりにもあっさりしすぎな気がしてきたので、
こんなギリギリでもう少し手を加える気マンマンに（汗）。

そんなあっさりなのに実装部分だけ置いときます。

<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>掃苔</title>
<link rel="stylesheet" type="text/css" href="base.css">
<script src="js/jquery-1.7.2.min.js"></script>
<script src="js/jquery.cross-slide.min.js"></script>
<script>
  $(function() {
    $('#slideshow').crossSlide({
      sleep: 3,
      fade: 2
    }, [
      { src: 'img/kodenmacho_11.jpg' },
      { src: 'img/ekou_in02.jpg' },
      { src: 'img/sengakuji_01.jpg' },
      { src: 'img/kiyomasa_00.jpg' },
      { src: 'img/yotuya_oiwa_inari.jpg' }
    ])
  });
</script>
</head>
<noscript>
<img src="img/kiyomasa_00.jpg">
</noscript>

<body>
<div id="container">
<div id="wrapper">
<div id="contant">
<div id="slideshow"></div>
<div id="footer">

<!--中略-->

</body>
</html>