3D裏返し型スライドショー:サイズは width="100%" height="500px" に設定。

[無料][複]ホームページ制作過程で仮にIFRAMEで設置するダミースライドショー




横直方体回転型スライドショー:サイズは width="720px" height="480px" に設定。


3Dページめくり型スライドショー:サイズは width="800px" height="450px" に設定。

・ ダミースライドショーの説明
 ホームページの制作過程で、ページデザインやレイアウトの確認のために、仮に設置するスライドショーです。 写真を変更する事はできません。 サイズや縦横比は自由に設定でき、写真は設定したサイズに自動リサイズされ、設定したサイズの縦横比に自動トリミングされます。 IFRAMEを使用するため、一つのページに複数個を設置できます。
 自分の写真のスライドショーは後で正式に決定する事にして、とりあえず完成予定ページのモックが見たい場合。 レイアウトの関係上、スライドショーのサイズを調節する必要がある場合。 などに利用してください。
 スライドショーにマウスを重ねると操作盤が現れます。 スマホやタブレットでは、スライドショー内をタップすると現れ、スライドショーの外(全画面時は停止ボタン)をタップすると消えます。
 スライドショーはカルーセルパネル連動型で、ドラッグ(フリック)やマウスホイールでも操作できます。 アニメーションは、現在は「3D裏返し」と「横直方体回転型」と「3Dページめくり」と「横スライド型」と「透かし」の5種類です。
 このスライドショーは無料で使用できますが、プログラムの改良や入れ替えで、使用できなくなる事があります。 有料版はありません。 なお、使用している写真は、 無料写真サイトUnsplash(https://unsplash.com/) から借用しています。


横スライド型スライドショー:サイズは width="900px" height="400px" に設定。


透かし型スライドショー:サイズは width="600px" height="600px" に設定。

・ ソース(3D裏返し型スライドショー)
 スライドショーを貼り付ける場所に、width="〜" height="〜" 部分に縦横のサイズを書いて貼り付けてください。
 IFRAMEではなく直接リンクで開くと、 この様に 全画面スライドショーになります。

・ ソース(横直方体回転型スライドショー)
 スライドショーを貼り付ける場所に、width="〜" height="〜" 部分に縦横のサイズを書いて貼り付けてください。
 IFRAMEではなく直接リンクで開くと、 この様に 全画面スライドショーになります。

・ ソース(3Dページめくり型スライドショー)
 スライドショーを貼り付ける場所に、width="〜" height="〜" 部分に縦横のサイズを書いて貼り付けてください。
 IFRAMEではなく直接リンクで開くと、 この様に 全画面スライドショーになります。

・ ソース(横スライド型スライドショー)
 スライドショーを貼り付ける場所に、width="〜" height="〜" 部分に縦横のサイズを書いて貼り付けてください。
 IFRAMEではなく直接リンクで開くと、 この様に 全画面スライドショーになります。

・ ソース(透かし型スライドショー)
 スライドショーを貼り付ける場所に、width="〜" height="〜" 部分に縦横のサイズを書いて貼り付けてください。
 IFRAMEではなく直接リンクで開くと、 この様に 全画面スライドショーになります。

・ 注意事項
 このページは文字コード「Shift_JIS」で書いています。他の文字コードで書かれたページに貼り付ける時は、貼り付けた後に文字コードを統一してください(「名前を付けて保存」で文字コードを指定するなど)。異なる文字コードが混在すると、文字化けの原因になります。



All Rights Reserved. Copyright (C) 2002- Miyake_kobo.