×

[PR]この広告は3ヶ月以上更新がないため表示されています。ホームページを更新後24時間以内に表示されなくなります。

Flash | SVG | Javascript | フォトアルバム素材 | 

当サイトについて

当サイトはFlash,SVG,Javascriptで作成したフォトアルバム素材(ホームページ用素材)の
配布サイトです。
ページ下に素材画像、その下にサンプルページへのリンクがあります。
フォトアルバム素材を使用される場合は、下記の利用規約に同意の上、
素材をダウンロードしてご利用ください。
使用される場合は、充分なテストを行って下さい。
Flash,SVG,Javascript,その他、素材ファイルのカスタマイズは自由に行ってください。
SVG,Javascript素材のダウンロードファイル,( SWF )版のダウンロードファイルには
設置方法のファイルは梱包されていません。
ダウンロードページに素材設置方法へのリンクがありますので、
そちらから素材設置方法をご確認ください。
Flash,SVG,Javascript素材の動作確認
  • IE-8
  • Firefox ( バージョン 10.0 )
  • Google Chrome ( バージョン 16.0.912.77 m )
  • Opera ( バージョン 11.61 )

フォトアルバム素材使用の利用規約

当サイト素材は商用サイト、個人サイトを問わず無料にて、ご利用頂けます。
当サイトへのリンク設置が可能であればリンクの設置をお願いします。
下記サイト様は素材の使用をご遠慮下さい。
  • 法律に違反するサイト
当サイトへリンクを設置される場合は、
http://photoalbum.yu-nagi.com/index.htmへお願いします。
【 例 】
<a href="http://photoalbum.yu-nagi.com/index.htm"
title="Flash,SVG,Javascript素材 |">フォトアルバム素材</a>

Javascript | Flash | フォトアルバム-00 ( HTML版・SVG版・SWF版 )

Flash,SVG,Javascript素材 フォトアルバム-0

画像は( SVG )版のFirefox ( バージョン 10.0 )

HTML素材のサイズ 幅:502px   高さ:252px
Flash素材のサイズ 幅:500px   高さ:250px
表示画像( 写真 )のサイズ 幅:500px   高さ:250px
表示画像( 写真 )の枚数 最大:制限なし   最小:1枚
CSSの設定( SVG,SWF版は背景 )
テキストの表示 ×
各画像へのリンク設定 ×
・フォトアルバム素材の特徴
素材にマウスポインタを合わせるとサムネイル画像が表示されます。
サムネイル画像をクリックすると画像が切り替わります。
素材の左右にあるボタンをクリックするとサムネイル画像が切り替わります。

SVG版はIE-8で動作しません。

SWF版のサンプル

SWF版設置方法

HTML版のサンプル

HTML版設置方法

SVG版のサンプル

SVG版設置方法

HTML,SVG版のサンプル

HTML,SVG版設置方法

▲ページトップ

Javascript | Flash | フォトアルバム-01 ( HTML版・SVG版・SWF版 )

Fash,SVG,Javascript素材 フォトアルバム-1

画像は( SVG )版のChrome ( バージョン 17.0.963.56 m )

HTML素材のサイズ 幅:502px   高さ:252px
Flash素材のサイズ 幅:500px   高さ:250px
表示画像( 写真 )のサイズ 幅:480px   高さ:200px
表示画像( 写真 )の枚数 最大:99枚   最小:2枚
CSSの設定( SVG,SWF版は背景 )
SVG設定( 文字の色,リンクの色 )
テキストの表示
リンク設定
表示時間の設定
・フォトアルバム素材の特徴
素材では最大99枚の画像切り替え表示ができます。
画像切り替えボタンを押すと画像が切り替わります。
又、ボタンを長押しすると、画像がクルクルと切り替わります。
テキスト表示ができ、テキストにリンク設定が出来ます。
素材の設定によりページ読み込みと同時に画像切り替えを行うことが出来ます。
又、ボタンを押すことにより画像の自動切替えの設定変更が出来ます。

SWF版のサンプル

SWF版設置方法

HTML版のサンプル

HTML版設置方法

HTML,SVG版のサンプル

HTML,SVG版設置方法

▲ページトップ

Javascript | Flash | フォトアルバム-02 ( HTML版・SVG版・SWF版 )

Fash,SVG,Javascript素材 フォトアルバム-2

画像は( SVG )版のOpera ( バージョン 11.61 )

HTML素材のサイズ 幅:502px   高さ:252px
Flash素材のサイズ 幅:500px   高さ:250px
表示画像( 写真 )のサイズ 幅:472px   高さ:166px
表示画像( 写真 )の枚数 最大:99枚   最小:2枚
CSS設定( SVG,SWF版は背景 )
テキストの表示
リンク設定
・フォトアルバム素材の特徴
素材では最大99枚の画像切り替え表示ができます。
画像切り替えボタンを押すと画像が切り替わります。
又、ボタンを長押しすると、画像がクルクルと切り替わります。
テキスト表示ができ、テキストにリンク設定が出来ます。

SWF版のサンプル

SWF版設置方法

HTML版のサンプル

HTML版設置方法

HTML,SVG版のサンプル

HTML,SVG版設置方法

▲ページトップ

Javascript | Flash | フォトアルバム-03 ( HTML版・SVG版・SWF版 )

Flash,SVG,Javascript素材 フォトアルバム-3

画像は( SVG )版のOpera ( バージョン 11.62 )

HTML素材のサイズ 幅:502px   高さ:252px
Flash素材のサイズ 幅:500px   高さ:250px
表示画像( 写真 )のサイズ 幅:470px   高さ:220px
表示画像( 写真 )の枚数 最大:99枚   最小:2枚
CSS設定( SVG,SWF版は背景 )
テキストの表示
リンク設定
・フォトアルバム素材の特徴
素材にマウスポインタを合わせると( SWF版は画像クリック )テキスト,ボタン等が
表示されます。
素材では最大99枚の画像切り替え表示ができます。
画像切り替えボタンを押すと画像が切り替わります。
又、ボタンを長押しすると、画像がクルクルと切り替わります。
テキスト表示ができ、テキストにリンク設定が出来ます。

SWF版のサンプル

SWF版設置方法

HTML版のサンプル

HTML版設置方法

HTML,SVG版のサンプル

HTML,SVG版設置方法

▲ページトップ

Javascript | Flash | フォトアルバム-04 ( HTML版・SVG版・SWF版 )

Flash,SVG,Javascript素材 フォトアルバム-4

画像は( HTML )版のOpera ( バージョン 11.61 )

HTML素材のサイズ 幅:502px   高さ:342px
Flash素材のサイズ 幅:500px   高さ:250px
表示画像( 写真 )のサイズ 幅:500px   高さ:250px
表示画像( 写真 )の枚数 制限無し
CSS設定( SVG,SWF版は背景 )
テキストの表示
リンク設定
・フォトアルバム素材の特徴
素材のサムネイル画像をクリックすると画像が切り替わります。
左右にあるボタンをクリックするとサムネイル画像が切り替わります。
テキスト表示ができ、テキストにリンク設定が出来ます。

SWF版のサンプル

SWF版設置方法

HTML版のサンプル

HTML版設置方法

HTML,SVG版のサンプル

HTML,SVG版設置方法

▲ページトップ

Javascript | Flash | フォトアルバム-05 ( HTML版・SVG版・SWF版 )

Flash,SVG,Javascript素材 フォトアルバム-5

画像は( HTML )版のFirefox ( バージョン 11.0 )

HTML素材のサイズ 幅:502px   高さ:252px
Flash素材のサイズ 幅:500px   高さ:250px
表示画像( 写真 )のサイズ 幅:500px   高さ:250px
表示画像( 写真 )の枚数 最大:99枚   最小:1枚
CSSの設定( SVG,SWF版は背景 )
テキストの表示 ×
各画像へのリンク設定 ×
・フォトアルバム素材の特徴
素材の左右にあるボタンをクリックすると画像が切り替わります。

SWF版のサンプル

SWF版設置方法

HTML版のサンプル

HTML版設置方法

HTML,SVG版のサンプル

HTML,SVG版設置方法

▲ページトップ

Javascript | Flash | フォトアルバム-06 ( HTML版・SVG版・SWF版 )

Flash,SVG,Javascript素材 フォトアルバム-6

画像は( HTML )版のOpera ( バージョン 11.62 )

HTML素材のサイズ 幅:534px   高さ:334px
表示画像( 写真 )のサイズ 幅:500px   高さ:250px
表示画像( 写真 )の枚数 最大:28枚   最小:2枚
CSS設定( SVG,SWF版は背景 )
テキストの表示
リンク設定
表示時間の設定
・フォトアルバム素材の特徴
素材の左右にあるボタンをクリックすると画像が切り替わります。
又、円いアイコンをクリックすると画像が切り替わります。
テキスト表示ができ、テキストにリンク設定が出来ます。
素材の設定によりページ読み込みと同時に画像切り替えを行うことが出来ます。
又、ボタンを押すことにより画像の自動切替えの設定変更が出来ます。

SWF版のサンプル

SWF版設置方法

HTML版のサンプル

HTML版設置方法

HTML,SVG版のサンプル

HTML,SVG版設置方法

▲ページトップ

Javascript | Flash | フォトアルバム-07 ( HTML版・SVG版・SWF版 )

Flash,SVG,Javascript素材 フォトアルバム-7

画像は( HTML )版のChrome ( バージョン 18.0.1025.152 m )

HTML素材のサイズ 幅:502px   高さ:273px
Flash素材のサイズ 幅:500px   高さ:271px
表示画像( 写真 )のサイズ 幅:500px   高さ:250px
表示画像( 写真 )の枚数 最大:26枚   最小:2枚
CSSの設定( SVG,SWF版は背景 )
テキストの表示 ×
リンク設定
表示時間の設定
・フォトアルバム素材の特徴
素材の円いアイコンをクリックすると画像が切り替わります。
素材の設定によりページ読み込みと同時に画像切り替えを行うことが出来ます。
又、ボタンを押すことにより画像の自動切替えの設定変更が出来ます。
画像へのリンク設定が出来ます。

SWF版のサンプル

SWF版設置方法

HTML版のサンプル

HTML版設置方法

HTML,SVG版のサンプル

HTML,SVG版設置方法

▲ページトップ

Javascript | Flash | フォトアルバム-08 ( HTML版・SVG版・SWF版 )

Flash,SVG,Javascript素材 フォトアルバム-8

画像は( HTML )版のFirefox ( バージョン 11.0 )

HTML素材のサイズ 幅:502px   高さ:272px
Flash素材のサイズ 幅:500px   高さ:270px
表示画像( 写真 )のサイズ 幅:500px   高さ:250px
表示画像( 写真 )の枚数 最大:27枚   最小:2枚
CSSの設定( SVG,SWF版は背景 )
テキストの表示 ×
各画像へのリンク設定 ×
・フォトアルバム素材の特徴
素材の円いアイコンをクリックすると画像が切り替わります。
素材の画像上をドラッグすると画像がクルクルと切り替わります。
画像上でクリックすると画像が切り替わります。

SWF版のサンプル

SWF版設置方法

HTML版のサンプル

HTML版設置方法

HTML,SVG版のサンプル

HTML,SVG版設置方法

▲ページトップ

Javascript | Flash | フォトアルバム-09 ( HTML版・SVG版・SWF版 )

Flash,SVG,Javascript素材 フォトアルバム-9

画像は( HTML )版のChrome ( バージョン 18.0.1025.162 m )

HTML素材のサイズ 幅:502px   高さ:272px
Flash素材のサイズ 幅:500px   高さ:270px
表示画像( 写真 )のサイズ 幅:500px   高さ:250px
表示画像( 写真 )の枚数 最大:26枚   最小:2枚
CSSの設定( SVG,SWF版は背景 )
テキストの表示 ×
リンク設定
表示時間の設定
・フォトアルバム素材の特徴
素材の左右にあるボタンをクリックすると画像が切り替わります。
小さい円いアイコンをクリックすると画像が切り替わります。
素材の設定によりページ読み込みと同時に画像切り替えを行うことが出来ます。
又、ボタンを押すことにより画像の自動切替えの設定変更が出来ます。
画像へのリンク設定が出来ます。

SWF版のサンプル

SWF版設置方法

HTML版のサンプル

HTML版設置方法

HTML,SVG版のサンプル

HTML,SVG版設置方法

▲ページトップ

Javascript | Flash | フォトアルバム-10 ( HTML版・SVG版・SWF版 )

Flash,SVG,Javascript素材 フォトアルバム-10

画像は( HTML )版のFirefox ( バージョン 12.0 )

HTML素材のサイズ 幅:502px   高さ:252px
Flash素材のサイズ 幅:500px   高さ:250px
表示画像( 写真 )のサイズ 幅:500px   高さ:250px
表示画像( 写真 )の枚数 最大:制限無し   最小:2枚
CSSの設定( 背景 )
テキストの表示 ×
各画像へのリンク設定 ×
・フォトアルバム素材の特徴
素材をクリックすると画像が切り替わります。
又、画像ドラッグで画像が切り替わります。

SWF版のサンプル

SWF版設置方法

HTML版のサンプル

HTML版設置方法

HTML,SVG版のサンプル

HTML,SVG版設置方法

▲ページトップ

Flash素材 フォトアルバム-0 ( white )

Flash素材 フォトアルバム-0 ( white )
Flash素材のサイズ 幅:470px   高さ:300px
表示画像( 写真 )のサイズ 幅:400px   高さ:220px
表示画像( 写真 )の枚数 最大:99枚   最小:2枚
テキストの表示
各画像へのリンク設定
背景色の設定
表示時間の設定

フォトアルバム-0(white)素材のサンプル

フォトアルバム-0(white)の設置方法

▲ページトップ

Flash素材 フォトアルバム-0 ( black )

Flash素材フォトアルバム-0 ( black )
Flash素材のサイズ 幅:470px   高さ:300px
表示画像( 写真 )のサイズ 幅:400px   高さ:220px
表示画像( 写真 )の枚数 最大:99枚   最小:2枚
テキストの表示
各画像へのリンク設定
背景色の設定
表示時間の設定

フォトアルバム-0(black)素材のサンプル

フォトアルバム-0(black)の設置方法

▲ページトップ

Flash素材 フォトアルバム-1 ( テキスト無し )

Flash素材 フォトアルバム-1 ( テキスト無し )
Flash素材のサイズ 幅:488px   高さ:250px
表示画像( 写真 )のサイズ 幅:488px   高さ:250px
表示画像( 写真 )の枚数 最大:99枚   最小:2枚
テキストの表示 ×
各画像へのリンク設定 ×
背景色の設定 ×
表示時間の設定 ×

フォトアルバム-1( テキスト無し )素材のサンプル

フォトアルバム-1( テキスト無し )の設置方法

▲ページトップ

Flash素材 フォトアルバム-1 ( テキスト有り )

Flash素材 フォトアルバム-1 ( テキスト有り )
Flash素材のサイズ 幅:488px   高さ:250px
表示画像( 写真 )のサイズ 幅:488px   高さ:250px
表示画像( 写真 )の枚数 最大:99枚   最小:2枚
テキストの表示
各画像へのリンク設定 ×
背景色の設定 ×
表示時間の設定 ×

フォトアルバム-1( テキスト有り )素材のサンプル

フォトアルバム-1( テキスト有り )の設置方法

▲ページトップ

Flash素材 フォトアルバム-2 ( 400x200 )

Flash素材 フォトアルバム-2 ( 400x200 )
Flash素材のサイズ 幅:400px   高さ:200px
表示画像( 写真 )のサイズ 幅:400px   高さ:200px
表示画像( 写真 )の枚数 最大:36枚   最小:2枚
テキストの表示
各画像へのリンク設定
背景色の設定 ×
表示時間の設定 ×

フォトアルバム-2( 400x200 )素材のサンプル

フォトアルバム-2( 400x200 )の設置方法

▲ページトップ

Flash素材 フォトアルバム-3 ( 300x300 )

Flash素材 フォトアルバム-3 ( 300x300 )
Flash素材のサイズ 幅:300px   高さ:300px
表示画像( 写真 )のサイズ 幅:300px   高さ:300px
表示画像( 写真 )の枚数 最大:99枚   最小:2枚
テキストの表示
各画像へのリンク設定
背景色の設定 ×
表示時間の設定

フォトアルバム-3( 300x300 )素材のサンプル

フォトアルバム-3( 300x300 )の設置方法

▲ページトップ