横スライド7-1■横スクロール左右矢印小休止    最終修正日 : 2016/03/23


見本として1番目と2番目にリンク付き。画像1枚ごとに小休止して、矢印クリックで方向変更、四角クリックで停止します

●2016/03/20:即時関数で囲んで、グローバル変数を消しました。
■横スライド7■横スクロール左右ボタン■を改造しました。
横スクロールで画像が流れるJavaScriptで、矢印と四角のクリックで左右の流れを変更したり、停止したりできます。
スライド画像にはリンクも指定できます。
改造元と違うのはスクロール速度が、画像1枚ごとに少し休止するところです。
画像1枚ごとにきちんと休止させるために、CSSでスクロールの表示領域の横幅を画像の横幅の倍数(2倍でも3倍でも)で指定下さい。
見本は画像横幅のサイズが267pxなので、CSSの「#bx」の横幅指定が、3倍の801pxになっています。

横スクロールの左右の向きを変更したり画像1枚ごとに小休止することはできませんが、違う画像サイズ、画像1枚ごとの装飾ができる別のJavaScriptは、■横スライド3■横スクロール右→左サイズ違い■から。

原本はインラインフレーム(iframe)を使用していて、2枚のhtmlを利用します。
それを1枚にまとめ、リンク設定と小休止を付けました。
原本はHIMAJINから。

2016/03/21:画像とリンクをまとめ記述に変更。