slideview

SAMPLE

素材情報

4枚の画像を表示し、マウスを乗せると、画像がスライドします。
それぞれの画像にリンクを設定できますのでアフィリエイトやメニューとしても使えます。
画像のサイズは横:縦=4:3です。
あまりサイズの大きな画像を使用するとflashの動きが悪くなるので注意してください。
画像を横に並べるものと、縦に並べるものをご用意しました。
フォーカスしている画像以外にボカシを加えているものと、加えていないものがありますので、お好きな素材をご利用下さい。

横長版も作成しました。800x325pxです。画像は横:縦=2:1になります。
設定ファイルを見る

この素材の導入事例

関東自動車サービス
ページ中央のflashに使ってくださっています。利用の仕方が非常に上手で参考になります。
横 ボカシあり 横x縦=450px×225px 1.99kb
横 ボカシなし 横x縦=450px×225px 1.99kb
縦 ボカシあり横x縦=300px×375px 2.01kb
縦 ボカシなし横x縦=300px×375px 2.01kb
横 ボカシなし ワイド横x縦=800px×325px 2.01kb

※素材をダウンロードする前に必ず利用規約をお読みください。

素材の配置方法

flashを挿入したいページに以下を記入してください。
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=10,0,0,0" width="450" height="225" id="slideview" align="middle">
<param name="allowScriptAccess" value="sameDomain" />
<param name="allowFullScreen" value="false" />
<param name="movie" value="slideview.swf" />
<param name="quality" value="high" />
<param name="bgcolor" value="#ffffff" />
<embed src="slideview.swf" quality="high" bgcolor="#ffffff" width="450" height="225" name="slideview" align="middle" allowScriptAccess="sameDomain" allowFullScreen="false" type="application/x-shockwave-flash" pluginspage="http://www.adobe.com/go/getflashplayer_jp" />
</object>

※これはwhiteの横x縦=450x225用のコードです。
ダウンロードされた素材に合わせてサイズの変更が必要です。
サイズは2箇所変更する必要があります。
設定ファイルはswfファイルと同じフォルダ内に配置し、名前は「slideview.txt」になります。