スライドショー
ホームページにスライドショーを設定して何年になるか、そのやり方をそっくり採用して別のホームページにパソコン講習会の予告ポスターを掲載していました。以前は、このフェードイン、フェードアウト方式のスライドが主流でしたが、最近は写真を横にずらすスライド方式がはやり出していました。
しかし、このやり方は難しそうで、なかなか手が付けられず、見送っていました。ところがゴールデンウイーク間近になって他に予定が無く、時間が空くので、この機会に横スライド方式のスライドショーに挑戦してみる事にしました。
前回もJavaScriptを使わせて貰いましたが、今回もJavaScriptを使います。しかし、方法が全く違います。色々試行錯誤して切替時間、停止時間、ポスター画像の寸法、ボタンの色、大きさ、等々CSSを変更し、やっと正常運転?にこぎ着けました。ポスターを少し大きくしたので、他の部分とのバランスを考え、他の部分も修正を加えて完成しました。
写真のスライドショーと異なり、講習会予告のポスターですから見たい所に戻したり早送りも必要ですし、一時停止も必要でしょう。前のスライドショーはこれが出来なかったのです。今回からは見る側が手を出して操作できるので利便性が良くなりました。知る人ぞ知る、マイナーな報告です。
![](https://blogimg.goo.ne.jp/user_image/13/fa/ed75f4d6d45041c62992ce5bca045105.jpg)
204(1138)
ホームページにスライドショーを設定して何年になるか、そのやり方をそっくり採用して別のホームページにパソコン講習会の予告ポスターを掲載していました。以前は、このフェードイン、フェードアウト方式のスライドが主流でしたが、最近は写真を横にずらすスライド方式がはやり出していました。
しかし、このやり方は難しそうで、なかなか手が付けられず、見送っていました。ところがゴールデンウイーク間近になって他に予定が無く、時間が空くので、この機会に横スライド方式のスライドショーに挑戦してみる事にしました。
前回もJavaScriptを使わせて貰いましたが、今回もJavaScriptを使います。しかし、方法が全く違います。色々試行錯誤して切替時間、停止時間、ポスター画像の寸法、ボタンの色、大きさ、等々CSSを変更し、やっと正常運転?にこぎ着けました。ポスターを少し大きくしたので、他の部分とのバランスを考え、他の部分も修正を加えて完成しました。
写真のスライドショーと異なり、講習会予告のポスターですから見たい所に戻したり早送りも必要ですし、一時停止も必要でしょう。前のスライドショーはこれが出来なかったのです。今回からは見る側が手を出して操作できるので利便性が良くなりました。知る人ぞ知る、マイナーな報告です。
![](https://blogimg.goo.ne.jp/user_image/13/fa/ed75f4d6d45041c62992ce5bca045105.jpg)
204(1138)