HTML5用のスライドショー（１）

HTML5用のスライドショー（１）

説明

HTML5 で作成されたシンプルなスライドショー素材です。３枚の画像を上から順番に切り替えるスライドショーです。最後の画像に到達するとストップして、大きな画像をクリックすると、最初からスライドショーを繰り返します。

サイズ

600px ×360px

ダウンロード

ダウンロードはこちらから。

このファイルはZIPで圧縮されています。解凍してからお使い下さい。解凍すると、ファイル構成は以下のようになっています。

使い方

1. 1_Resourcesの中の画像３枚は好きなものと入れ替えて下さい。写真の名前は1.jpg、2.jpg、3.jpg の必要があります。
2. 見本の画像サイズは640 × 480 pxです。この比率で、きれいに表示されます。サムネイル用の小さな画像を用意する必要はありません。
3. 画像を入れ替え終わったら、1_Resources を自分のアクセスできるサーバにアップして下さい。
4. サーバにアップが終わったら、スライドショーを表示したい部分に、以下のコードを貼りつけて下さい。

<div id="1_hype_container" style="height: 360px; overflow: hidden;
position: relative; width: 600px;">

<script
src="http://[サーバのパス/1_Resources/1_hype_generated_script.js?26186"
type="text/javascript">

</script></div>

注意事項

この HTML5 のプログラムはアップルのサファリに最適化されております。もちろん、iPhone や iPad でもきれいな動きで見ることができます。

ファイヤーフォックスやインターネット・エクスプローラーでは角丸が欠けたりしてうまく表示されない部分もあります。ご了承下さい。


お願い

このスライドショーは個人の方のみ無料です。お使いの条件として、あなたのサイトのどこかに、このサイトのリンク（www.666days.com）をお願い致します。

商用サイトでお使いの方は有料（2,000円）になります。個人でやっている関係上、サポートはできませんので、採用頂く場合はよく検証頂いてからお願い致します。連絡は、こちらにお願い致します。（ノース）