QLOOKアクセス解析

Silverlightスライドショー SilverView


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&スタイルシートレッスンブック―ステップバイステップ形式でマスターできる
HTML/XHTML&スタイルシートレッスンブック―ステップバイステップ形式でマスターできるエビスコム

ソシム 2007-06-20
売り上げランキング : 2740

おすすめ平均 star
star0から学ぶにはこれしかない
starパーフェクト!
starとても分かりやすいです!

Amazonで詳しく見る
by G-Tools

write:2008/11/14

トップページへ



setting.xmlカスタマイズ方法ページへ

SilverViewスクリプト設置方法ページへ

トップページへ

メールはこちらへ



inserted by FC2 system