666DAYS

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

2011-06-11T18:30:00.008+09:00

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

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

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

説明

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

サイズ

幅　460px
高さ　345px

ダウンロード

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

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

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

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

注意事項

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

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

お願い

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

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

2011-06-08T21:34:00.009+09:00

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

説明

HTML5で作成されたシンプルなスライドショー素材です。５枚の画像を順番に切り替えて表示させています。切り替わりの速度は３秒で設定されています。下部の■をクリックすることによって、戻ったり先に行ったりすることができます。

サイズ

幅　530px
高さ　400px

ダウンロード

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

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

使い方

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

<div id="4_hype_container"
style="position:relative;overflow:hidden;width:530px;height:400px;">
        <script type="text/javascript"
src="[サーバのパス]/4_Resources/4_hype_generated_script.js?96317"></script>
    </div>

注意事項

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

ファイヤーフォックス、インターネット・エクスプローラー、オペラではうまく表示されない可能性もあります。ご了承下さい。

お願い

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

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

2011-06-07T23:31:00.011+09:00

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

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

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

説明

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

サイズ

幅　460px
高さ　345px

ダウンロード

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

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

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

<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>

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

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

2011-06-07T16:51:00.011+09:00

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

動きを繰り返して見たい場合は、ブラウザの「再読込」をクリックして下さい。

説明

HTML5で作成されたシンプルなスライドショー素材です。５枚の画像を順番に切り替えて表示させています。切り替わりの速度は３秒で設定されています。最初の写真と同時に下部から文字が表示されて、最後の写真に到達すると終了します。繰り返しはありません。

サイズ

幅　460px
高さ　345px

ダウンロード

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

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

使い方

2_Resourcesの中の画像は好きなものと入れ替えて下さい。写真の名前は1.jpg、2.jpg、3.jpg、4.jpg、5.jpg の必要があります。
見本の画像サイズは600 × 450 pxです。この比率で、きれいに表示されます。サムネイル用の小さな画像を用意する必要はありません。
文言を変更して下さい。「2_hype_generated_script.js」を開き、「ここにテキストを入力します。写真の説明文です。」「テキスト２」という文言（37行目あたり）を自分のサイトの文言に合うものに変更します。
2_Resources を自分のアクセスできるサーバにアップして下さい。
サーバにアップが終わったら、スライドショーを表示したい部分に、以下のコードを貼りつけて下さい。

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

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

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

2011-06-06T16:22:00.029+09:00

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

説明

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

サイズ

600px ×360px

ダウンロード

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

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

使い方

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

<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円）になります。個人でやっている関係上、サポートはできませんので、採用頂く場合はよく検証頂いてからお願い致します。連絡は、こちらにお願い致します。（ノース）

XOOPSテンプレートのサービスは終了しました

2011-05-19T23:16:00.006+09:00

以前、このサイトではXOOPSのテンプレートを提供していましたが、諸般の事情によりサービスを終了しました。

ありがとうございました。