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


見本として1番目と2番目にリンク付き。画像1枚ごとに小休止して、画像マウスオンで停止します

●2016/03/20:即時関数で囲んで、グローバル変数を消しました。
■横スライド6■横スクロール左右選択■を改造しました。
横スクロールで画像が流れるJavaScriptです。
画像マウスオンでスクロールが停止し、スライド画像にはリンクも指定が可能、スクロール方向が選択できるのは、改造元と同じです。
違うのはスクロール速度が、画像1枚ごとに少し休止するところです。
画像1枚ごとにきちんと休止させるために、CSSでスクロールの表示領域の横幅を画像の横幅の倍数(2倍でも3倍でも)で指定下さい。
見本は画像横幅のサイズが280pxなので、CSSの「#bx」の横幅指定が、2倍の560pxになっています。

なお、見本は「mode=1」指定なので画像が左から右へ流れますが、「mode=0」にすると逆に右から左へ画像が流れます。
見本のように「mode=1」指定の場合は、スライド画像は最後の画像から表示されるので、注意して下さい。

原本はインラインフレーム(iframe)を使用していて、2枚のhtmlを利用します。
それを1枚にまとめ、リンク設定を付け、画像停止と再開がボタンクリックだったのを画像マウスオンに改造、そして小休止を追加しました。
原本はHIMAJINから。

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