■ 画像スライドNO3 ■
□ kinako's Car
□ Lexus SC430
□ H18・10/14 購入♪
↓のタグソースを
<head>〜</head> 間に書き込んでください。
<script language="JavaScript"> <!-- var Speed = 2000; // 見本は2秒に設定してます。 1000は1秒です。 hajime = 0; function Nextimage() { if (document.slide.Image[hajime+1]) { document.images.kina.src = document.slide.Image[hajime+1].value; document.slide.Image.selectedIndex = ++hajime; } else start();} function Show() { if (hajime-1 >= 0) { document.images.kina.src = document.slide.Image[hajime-1].value; document.slide.Image.selectedIndex = --hajime; } else tome();} function start() { hajime = 0; document.images.kina.src = document.slide.Image[0].value; document.slide.Image.selectedIndex = 0;} function tome() { hajime = document.slide.Image.length-1; document.images.kina.src = document.slide.Image[hajime].value; document.slide.Image.selectedIndex = hajime;} function pulldown(dore) { document.slide.Button.value = (dore == "STOP") ? "AUTO" : "STOP"; Stopview();} function Changeview() { hajime = document.slide.Image.selectedIndex; document.images.kina.src = document.slide.Image[hajime].value;} function Stopview() { if (document.slide.Button.value == "STOP") { hajime = (hajime == document.slide.Image.length-1) ? 0 : hajime+1; document.images.kina.src = document.slide.Image[hajime].value; document.slide.Image.selectedIndex = hajime; window.setTimeout("Stopview()", Speed);}} //--> </script>
↓の border枠の 有る・無し いずれかのタグソースを
<body>〜</body> 間に書き込んでください。
◆ 画像にborder枠の無い場合 ◆
<!--以下 画像アドレスを順番に入れて下さい--> <form name="slide" > <img src="http://画像アドレスNO1" name="kina" border="0"> <!--↑ここに一枚目の画像のアドレスを入れます--> <br> <!--以下 画像のアドレスを順番に入れます--> <select name="Image" onChange="Changeview();"> <option selected value="http://画像アドレスNO2">□ タイトル</option> <option value="http://画像アドレスNOP3">□ タイトル </option> <option value="http://画像アドレスNO4">□ タイトル</option> <!-- 以下いくつでも増やせます --> </select> <br> <input type=button onClick="Show();" value="▼"> <input type=button name="Button" onClick="pulldown(this.value);" value="MOVIE""> <input type=button onClick="Nextimage();" value="▲"> </form>
◆ 画像にborder枠のある場合 ◆
<!--以下 画像アドレスを順番に入れて下さい--> <form name="slide" > <img src="http://画像アドレスNO1" name="kina" border="0" style="border-style:inset;border-color:#bebebe;border-width:2px;"> <!--↑ここに一枚目の画像のアドレスを入れます--> <br> <!--以下 画像のアドレスを順番に入れます--> <select name="Image" onChange="Changeview();"> <option selected value="http://画像アドレスNO2">□ タイトル</option> <option value="http://画像アドレスNOP3">□ タイトル </option> <option value="http://画像アドレスNO4">□ タイトル</option> <!-- 以下いくつでも増やせます --> </select> <br> <input type=button onClick="Show();" value="▼"> <input type=button name="Button" onClick="pulldown(this.value);" value="MOVIE""> <input type=button onClick="Nextimage();" value="▲"> </form>
border-style:inset;border-color:#bebebe;border-width:2px
好きな色や枠に変更して下さい。
SEO
掲示板
[PR]
爆速!無料ブログ
無料ホームページ開設
無料ライブ放送