SilverViewは、Silverlight2.0で作られた画像スライドショーツールです。 ホームページやブログに、スクリプトを張り付けるだけで、プログラミングの知識がなくても簡単にカメラの写真や絵の画像をスライドショーすることができます。
特徴
簡単なカスタマイズ
設定ファイル(xml形式)をメモ帳で書き換えるだけで、表示画像、サイズ、位置、画像エフェクト、表示タイトル、表示コメントをカスタマイズ可能。
文字の表示
画像のタイトルや、コメントをスライドショーの中に表示することができます。文字の色や大きさ、背景の有無も換えることができます。
画像エフェクト
画像のフェイドイン、フェイドアウト、多方向からのズームアップに対応しています。
表示位置の移動可能
画像、文字、ツールボックスの位置を変更することが出るので、そのページにあったデザインを作ることができます。
フリーウェア(無料)
操作方法
上に設置したSilverViewは、画像自動スライドON、ツールボックス(SilverView右下)フェイドアウトONの状態になっています。 Silverviewにマウスのカーソルを合わせると、右下にツールボックスがフェイドインされ、ボタンをクリックすることで、画像送り、戻し、スライドショーの自動解除などを操作することができます。
設置方法
SilverViewをブラウザで起動するには、MicrosoftのSilverlight2.0がインストールされている必要があります。 HTMLを設置するサーバー側の変更はありません。
ファイル内容
ダウンロードしたファイルには、次のファイルが含まれています。
・imagelistフォルダ サンプル画像が入っています。
・sample_homepage.html サンプルのホームページです。サーバーにアップロードしないと表示されないので注意してください。
・setting.xml 設定ファイル。サンプルホームページの設定が書いてあるのでカスタマイズしてみましょう。
・SilverView.xap Silverlight本体
設定方法
1.imagelistフォルダに、表示したい画像を保存します。
2.setting.xmlファイルをメモ帳で開いて、カスタマイズします。(下記:setting.xmlカスタマイズ参照)
3.設置するHTMLファイルにスクリプトを設置。(下記:スクリプト設置方法参照)
4.imagelistフォルダ、HTML、setting.xml、Silverlight.xapをサーバーにアップロード。
保存するフォルダの階層は、
┣imagelistフォルダ
┣setting.xml
┗Silverlight.xap
と3つは一緒になっている必要があります。
スクリプトを設置するHTMLファイルはどこにあっても構いませんが、スクリプト内で、Silverlight.xapのファイルパスを設定する必要があります。
ダウンロード
SilverView ver1.0: http://birthmarch.web.fc2.com/program/appli/Silverview_1.0.zip
更新予定の機能
音声再生
ハイパーリンク
画像のリスト表示
拡大・縮小・全画面
他要望あれば
HTML/XHTML&スタイルシートレッスンブック―ステップバイステップ形式でマスターできる | |
エビスコム ソシム 2007-06-20 売り上げランキング : 2740 おすすめ平均 0から学ぶにはこれしかない パーフェクト! とても分かりやすいです! Amazonで詳しく見る by G-Tools |
write:2008/11/14