スライドショーについて
ど～もど～も。よろしくです。http://okwave.jp/qa5423914.html
上のURLでの質問はjQueryじゃなくて「TinySlideshow」ってやつだったんだけど、jQueryだったらどうなるのかな？
私も同じような設計で悩んでてピッタシと思うのがやっとあった！と思ってたら・・・jQueryじゃないみたい（泣）
私のしたいことはjQueryを使ったスライドショーで、時間によって色んな画像がころころと変わるようなものを作りたいです。
ソースを貼っておくのでよろしくお願いします。
ｈｔｍｌファイル
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">
<!-- saved from url=(0051)http://www.frontstyle.com/shopcruise/tokyo_009.html --><HTML xmlns="http://www.w3.org/1999/xhtml">
<HEAD><TITLE>test</TITLE><META content="text/html; charset=utf-8" http-equiv=Content-Type><META content=IE=7 http-equiv=X-UA-Compatible><!--css-->
<LINK rel=stylesheet type=text/css href="css/style.css">
<LINK rel=stylesheet type=text/css href="css/ie6.css">
<LINK rel=stylesheet type=text/css href="css/backnumber.css">
<LINK rel=stylesheet type=text/css href="css/lightview.css">
<LINK rel=stylesheet type=text/css href="css/shopcruise.css">
<!--js-->
<SCRIPT type=text/javascript src="js/heightLine.js"></SCRIPT>
<SCRIPT type=text/javascript src="js/jquery-1.3.2.js"></SCRIPT>
<SCRIPT type=text/javascript> jQuery.noConflict(); </SCRIPT><SCRIPT type=text/javascript src="js/jquery.easing.1.3.js">/SCRIPT>
<SCRIPT type=text/javascript src="js/jquery.galleryview-1.1.js"></SCRIPT><SCRIPT type=text/javascript src="js/jquery.timers-1.1.2.js"></SCRIPT><SCRIPT type=text/javascript> jQuery(document).ready(function(){jQuery('#slide').galleryView({
panel_width: 638,panel_height: 300,frame_width: 80,frame_height: 38,transition_interval: 3000,overlay_height: 0 });}); </SCRIPT>
<!--[if lt IE 7]><script type="text/javascript" src="js/iepngfix.js"></script><![endif]-->
<SCRIPT type=text/javascript src="js/heightLine.js"></SCRIPT>
<SCRIPT type=text/javascript src="js/swapimage.js"></SCRIPT>
<SCRIPT type=text/javascript src="js/prototype.js"></SCRIPT>
<SCRIPT type=text/javascript src="js/scriptaculous.js"></SCRIPT>
<SCRIPT type=text/javascript src="js/lightview.js"></SCRIPT>
<!--//js--></HEAD><BODY><DIV id=slide class=galleryview>
<!--スライドショーここからだよ-->
<DIV id=gallery_box>
<!--メイン画像ここからだよ-->
<DIV class=panel><IMG alt="○○○ src="./images/1.jpg" width=640 height=300> </DIV>
<DIV class=panel><IMG alt="○○○" src="./images/2.jpg" width=640 height=300> </DIV>
<DIV class=panel><IMG alt="○○○" src="./images/3.jpg" width=640 height=300> </DIV>
<DIV class=panel><IMG alt="○○○" src="./images/4.jpg" width=640 height=300> </DIV>
<DIV class=panel><IMG alt="○○○" src="./images/5.jpg" width=640 height=300> </DIV>
<DIV class=panel><IMG alt="○○○" src="./images/6.jpg" width=640 height=300> </DIV>
<DIV class=panel><IMG alt="○○○" src="./imagess/7.jpg" width=640 height=300> </DIV>
<!--メイン画像ここまでだよ-->
<!--メイン画像ここまでだよ--><!--サムネイルここからだよ-->
<UL class=filmstrip>
<LI><IMG alt="アバハウス・ドゥヴィネット リュクス" src="./images/image_tokyo_009_7s.jpg">
<LI><IMG alt="アバハウス・ドゥヴィネット リュクス" src="./images/image_tokyo_009_2s.jpg">
<LI><IMG alt="アバハウス・ドゥヴィネット リュクス" src="./images/image_tokyo_009_3s.jpg">
<LI><IMG alt="アバハウス・ドゥヴィネット リュクス" src="./images/image_tokyo_009_4s.jpg">
<LI><IMG alt="アバハウス・ドゥヴィネット リュクス" src="./images/image_tokyo_009_5s.jpg">
<LI><IMG alt="アバハウス・ドゥヴィネット リュクス" src="./images/image_tokyo_009_6s.jpg">
<LI><IMG alt="アバハウス・ドゥヴィネット リュクス" src="./images/image_tokyo_009_1s.jpg">
</LI></UL><!--サムネイルここまでだよ-->
</DIV><!--スライドショーここまでだよ-->
</DIV></BODY></HTML>
長くなっちゃってごめんなさい。
困っているので、お願いします。
お礼
どうも有り難う御座いました。またよろしくお願いします。