スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

光のマジックショー

珍しいほおづきのランプを 見つけましたので
これを使って 光のマジックショーをアップしてみました


画像にマウスオンすると 明りが徐々に点灯します
明りが灯ったところでマウスをはずすと 点灯したままになります
マウスオンを続けると 点灯→消灯を繰返します

<

<

本日をもちまして ブログ納めとさせて頂きます
この一年間 皆様と楽しくおつき合いさせて頂き
ありがとうございました
どうぞ良い年をお迎え下さい
来年も よろしくお願い申し上げます
スポンサーサイト

楽しいクリスマス


サンタさんと ポインセチアの画像を
スライドショーにまとめました

楽しいクリスマスの雰囲気が 出ておりますでしょうか
撮影地 : 百合が原公園・緑のセンター&サッポロ・ファクトリー


下の画像をクリックすると ウインドウが開き
スライドショーが始まります
BGM入りですので 音量にご注意ください





サムネイル・マウスオン スライドショー のソースについて

トランジションの種類

サムネイル・マウスオン スライドショーで使っている画像切替効果は
トランジション(transition) と呼ばれているものです

トランジションには23の種類があり 0から22までの番号がつけられております
下の各ボタンをクリックすると それに対応したトランジションが上の画面に表示されます
これを使って ソースを書く際の参考にしてください

ソースの中に Transition=** と書かれた部分があります
この ** の数字を 使いたいtransitionの数字に 書換えて使ってください

<

ソース作成上の注意点
 
サムネイル・マウスオン スライドショーのソースを作成する際は 下記の点にご注意ください

1.name と id について
 ・●●●と ▲▲▲の部分に半角英数字で名前をつけてください 3桁でなくとも構いません
 ・●●●の部分は全て同じ名前を ▲▲▲の部分も全て同じ名前ををつけますが
  ●●●と ▲▲▲とは 違う名前にしてください
 ・●●●と ▲▲▲で使った名前は 2回目以降にアップする時は 必ず別な名前
  に変えてください 同じ名前を使うと マウスオンが作動しなくなります

2.画像切替の速度について
 ・ソースの上から3行目の右端に ( duration=2 )と書かれた部分があります
  これが 画像切替速度を記述している部分です
 ・数字を大きくするほど速度が遅くなりますので お好みの速度に設定してください

3.画像のサイズについて
 ・ソースの上から3行目の中央に width="500" height="335" と書かれた部分が
  あります これは 大きな画像のヨコとタテのサイズを指定しているのですが
  500 × 335は 一眼デジカメのサイズです
 ・コンパクトデジカメの場合には 500 × 375 のサイズになりますので注意してください
 ・元画像の大きさが上記より小さい時は 元画像のサイズを指定してください
  そうしないと 画像が上記のサイズにまで拡大されますので ボケてしまいます 
 ・大きな画像のサイズを上記と変えた場合には サムネイルのサイズもこれに応じて
  変えてください

4.サムネイルを上下2段にする場合
 ・ソースの上から8行目の<tr>から 14行目の</tr>までをコピーして 14行目の
  </tr>と15行目の</table>の間に貼付けて 画像6から画像10までを記述して
 ください

(注)上記の文中 ○○行目の記載は 説明文ありのソース に基づいて記載しております

百合が原公園・緑のセンターの 珍しい花たち

百合が原公園・緑のセンターの 珍しい花たちを
マウスオン スライドショーにしてみました>

サムネイル(小さな画像)にマウスオンすると 画像が切替ります

プロテア


このソースを 私のHPの 「憩いの部屋」 の 「ブログの小技」 の中に
アップしましたので ご使用になられる方は どうぞご自由にお使い下さい
ご使用になられた方は その旨ご一報頂ければ 幸いに存じます

こちらからどうぞ


| BLOG TOP | NEXT ≫

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。