国宝 陽明門(ようめいもん) 【スライド可】
今日 ググっていて偶然に出会ったサイトでLightbox Plusを自動スライドショー化というスクリプトを発見しました。まさに私が望んでいたスクリプトです。早速入れ替えてみました。画像が表示されたら(LightBox_plusのスクリプトを読み込み終わったら)はじめの一枚の画像をクリックすると始まりです。表示された画像の上にマウスを置くと現れる
矢印の上でクリックするとスライドショーが始まります。約5秒間隔で次の画像を表示し、終了すれば元の画面に戻ります。途中で止めたいときは画面の上でクリックするだけです。 画像の左にある
矢印をクリックするとその画像から逆順に自動でスライドします。
このスクリプト FireFox ではrel属性を書かなくても意図したように表示してくれますが、IE7 ではrel属性とグループ名を書かなければスライドショーが始まらないようです。
また運悪く画像に画像以外のリンクを貼っているとNow loadingの画像
がでて終了しません。そのときは画面上でマウスをクリックして終了させて下さい。
でもおかげでとっても便利で楽しくなりました。papasanありがとうございます。
なお自動スライド化以前もそうでしたが、左上の
このボタンをクリックするとマウスフォイールで画像のサイズを自由にかえることができます。このときの終了はダブルクリックして下さい。
が表示
されます。このボタンをクリックすると矢印方向の順(降順、昇順)にスライドショーが始まります。終了したいときは画面の上でクリックするだけです。
ゆう子さん、こんばんは。
画像の左上に表示される「矢印いっぱい」をクリックするとイメージの拡大・縮小がホイールボタンでできます。
拡大・縮小モードにてダブルクリックするとオーバーレイ表示が終了します。
不具合いっぱいなので、ゆう子さんなりに使い易いように改造して楽しんでください。
Loading画像が右側に表示されるのはCSSを弄ればよかったかと?とのヒントを頂き早速挑戦
cssファイルに
#loadingImage{ position: absolute; margin-right: 100%; }
を1行加えることで(IE7 とFirefoxで確認)中央表示になりました。
IEへの対応は
小粋空間さんhttp://www.koikikukan.com/archives/2007/01/08-020018.php
のLitebox 1.0 の rel 属性を自動付与するの記事を参考に何とかできないかと思いましたが
私の力では無理のようですし、属性やグループを書き加えるくらいはたいしたことではありません。
「拡大・縮小モードにてダブルクリックするとオーバーレイ表示が終了します。」
これは気づきませんでした。いつもshrink.gifをクリックして戻っておりました。
ご親切にいろいろありがとうございます。感謝して使わせて頂きます。