文字サイズの変更:   

携帯対応:シンプル表示のブログへ
写真集(スライドショー可)のページではサムネイル写真をクリックして表示された写真の上にマウスを置くと写真の左右にボタン  が表示 されます。このボタンをクリックすると矢印方向の順(降順、昇順)にスライドショーが始まります。終了したいときは画面の上でクリックするだけです。

日光東照宮の写真をLightBox_Plusアルファで

| コメント(2) | トラックバック(0)

 国宝 陽明門(ようめいもん) 【スライド可】

今日 ググっていて偶然に出会ったサイトでLightbox Plusを自動スライドショー化というスクリプトを発見しました。まさに私が望んでいたスクリプトです。早速入れ替えてみました。画像が表示されたら(LightBox_plusのスクリプトを読み込み終わったら)はじめの一枚の画像をクリックすると始まりです。表示された画像の上にマウスを置くと現れるnext.gif矢印の上でクリックするとスライドショーが始まります。約5秒間隔で次の画像を表示し、終了すれば元の画面に戻ります。途中で止めたいときは画面の上でクリックするだけです。 画像の左にあるnext.gif矢印をクリックするとその画像から逆順に自動でスライドします。
このスクリプト FireFox ではrel属性を書かなくても意図したように表示してくれますが、IE7 ではrel属性とグループ名を書かなければスライドショーが始まらないようです。
また運悪く画像に画像以外のリンクを貼っているとNow loadingの画像 loading.gifがでて終了しません。そのときは画面上でマウスをクリックして終了させて下さい。
でもおかげでとっても便利で楽しくなりました。papasanありがとうございます。

なお自動スライド化以前もそうでしたが、左上の expand.gifこのボタンをクリックするとマウスフォイールで画像のサイズを自由にかえることができます。このときの終了はダブルクリックして下さい。

CIMG2240.JPG 

CIMG2240.JPG

CIMG2245.JPG

CIMG2248.JPG

CIMG2240.JPG

CIMG2240.JPG


トラックバック(0)

トラックバックURL: http://www.my510.sakura.ne.jp/cgi-bin/mt/mt-tb.cgi/937

コメント(2)

ゆう子さん、こんばんは。

画像の左上に表示される「矢印いっぱい」をクリックするとイメージの拡大・縮小がホイールボタンでできます。
拡大・縮小モードにてダブルクリックするとオーバーレイ表示が終了します。

不具合いっぱいなので、ゆう子さんなりに使い易いように改造して楽しんでください。

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をクリックして戻っておりました。

ご親切にいろいろありがとうございます。感謝して使わせて頂きます。

コメントする

◆画像認証を使えない方はサインアップもできませんので、メールフォームよりメールを頂けばIDとパスワードをお知らせします。IDとパスワードを使ってサインインすれば画像認証を使わずにコメントの書き込みができます。

最近のブログ記事

49日の法要で
今日は義兄の49日の法要がありました。お…
福建土桜02
 同じ永定土楼民族文化村の裕昌…
福建土桜(2009年12月7日)
今朝の朝日新聞9面「歴史を歩く」のコーナ…

アーカイブ

マウスでの選択が出来ない方は上のアーカイブのリンクからお入り下さい。