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


見本として1番目と2番目にリンクを付けています。画像マウスオンで停止します

●2016/03/20:即時関数で囲んで、グローバル変数を消しました。
横スクロールで画像が流れるJavaScriptです。
画像マウスオンでスクロールが停止し、スライド画像にはリンクも指定できます。
そしてJavaScriptの中の指定で、スクロールの左右方向を簡単に変更できます。
見本は「mode=0」指定なので画像が右から左へ流れますが、「mode=1」にすると逆に左から右へ画像が流れます。

前回掲載分を改造しました。
このJavaScriptは1枚ごとの画像自体への装飾(個別の枠線指定や画像間隔指定等)が少し難しかったので、画像同サイズ使用にして、装飾無しのピッタリスクロールのみにしました。

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

2016/03/21:画像とリンクをまとめ記述に変更。
2016/03/21:表示領域が2で割り切れない時があるので、移動量imgpsの2を1へ変更