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

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

完全 Safari、iPhone, iPad 専用のHTML5スライドショー。

（Safari 以外のブラウザではうまく表示されません）

説明

HTML5で作成されたシンプルなスライドショーです。このスライドショーの動きは Safari のみで正確に表現され、他のブラウザではうまく表現されません。面白い動きをするのですが、お使いになる場合は、iPhone や iPad だけで見せるコンテンツのみに絞ってお使い下さい。５枚の写真が単純に入れ替わりながら表示され続けるスライドショーです。

サイズ

幅　460px
高さ　345px

ダウンロード

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

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

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

<div id="3_hype_container" style="height: 345px; overflow: hidden;
position: relative; width: 460px;">
&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;
<script src="[サーバのパス]/3_Resources/3_hype_generated_script.js?88455"
type="text/javascript">
</script>
</div>

注意事項

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

ファイヤーフォックス、インターネット・エクスプローラー、オペラではうまく表示されません。使い方をシビアに選択しなければならないスライドショーです。


お願い

• このスライドショーは個人の非商用サイトのみ無料です。
• 商用サイトでお使いの方は有料（2,000円）になります。個人でやっている関係上、サポートはできませんので、採用頂く場合はよく検証頂いてからお願い致します。
• お支払い頂いた方は、右下リンクは削除されても構いません。
• 連絡は、こちらにお願い致します。（ノース）