ホームページテンプレートを無料配布中
商用利用もWEB制作業者様利用も全て無料

テンプレートパーティー

テンプレートにセットで梱包している「スライドショー」の速度の調整方法

当サイトのテンプレートによく「スライドショー」がセットされていますが、その速度を調整するカスタマイズ方法をご紹介します。今回は少し早くスライドさせてみましょう。

※2013/07月までにダウンロードされた方へ
最新のIE10で見た場合にスライドショーの画像切り替えがスムーズにいかないようです。更新版ファイルを配布中

スライドショー用のjavascriptファイルを開きます

jsフォルダに「slide_simple_pack.js」ファイルが入っていますので開きます。
速度調整用のタグを数行追加します。

手打ちに自信がない方は以下をコピペして下さい。

それぞれの指定内容の説明

var slide_speed」は1つの画像の表示時間(秒数)です。
var slide_stay」は1つの画像が完全に現れてから、次の切り替えが始まるまでの時間(秒数)です。
var slide_step」はスライドの変化時のコマ数を指定します。数字が大きくなるほどなめらかに表示されますが、その分切り替え時間もかかります。逆に、数字が小さければコマ送りのように表示され、切り替えの時間は短くなります。

実際のサンプルをご覧いただけます

色々数字を変更して試してみて下さい

1つ注意点ですが、1枚ごとにリンク先を設定している場合、あまり速度を早くするとリンク先が次のページに切り替わってしまっている事があるのでご注意を。

<< ホームページテンプレートの使い方・カスタマイズ方法メニューに戻る

↑ PAGE TOP