Webページのスライドショーを自動スタートさせたい
お世話になります。Webページにスライドショーのページを作りました。
〔スタート〕ボタンを押せばちゃんと動くのですが、押さないとスタートしません。
これをページ閲覧開始と同時に自動でスタートするようにするにはどうしたらよいでしょうか?
以下、スクリプトとCSSを貼り付けます。解決策をご教示ください。
ちなみに、私は初心者レベルで、恥ずかしながらスクリプトなど全く理解できていません。(WebページはHTML5、CSS3で作成しています。)
●スクリプト
<!--====== スライドショースクリプト 始まり======-->
<script type="text/javascript"><!--
// 画像の数
var imgs = 〇〇;
// 切替秒数(ミリ秒)
var inttime = 3500;
// 関数1★指定番号の画像に差し替える関数
function showimage(num) {
var imagename = "〇〇〇" + num + ".jpg";
document.getElementById('slideshow').src = imagename;
}
// 関数2★1番画像から順に表示させる関数
var imgcount=1;
function slideimage() {
if( imgcount > imgs ) {
imgcount = 1;
}
showimage( imgcount );
imgcount++;
}
// 関数3★スライドショーを開始する関数
var slideid;
function startshow() {
stopshow();
slideid = setInterval("slideimage()",inttime);
}
// 関数4★スライドショーを停止する関数
function stopshow() {
clearInterval(slideid);
}
// --></script>
<!--====== スライドショースクリプト終わり ======-->
●CSS
<style type="text/css"><!--
/* スライドショー表示領域 */
div.photobox {
text-align: center;
}
div.photobox img {
border: gray 3px solid;
}
/* 操作ボタン表示領域 */
div.controlbox {
text-align: center;
margin: 0.3em 0px 1em 0px;
}
--></style>
以上です。よろしくお願いします。