・ 引用元のhttp://amazingslider.com/ja/ は制作ソフトになっていて
ダウンロードすればいろいろなスライドショーが簡単にできる。
使い方は簡単。 単独使用ならコード編集は不要。
・ .スクリーン縦横サイズ、変化のパターンや速度、陰影、YouTube映像挿入、
など、いろいろな設定ができる。
・ .画面右下の「amazingslider.com」の文字は変更/削除できる。(下覧参照)
・PullDown メニューとの併用OK。Chrome/Firefox でもメニューが背部に隠れることはない。
・画面下のボタンは変更できる(右図)。ボタン入りはこれがよさそうだ。
|
左の自作 |
引用元の |
|
ボタンの作り方 は下欄参照 |
|||
|
AmazingSlider のメニューと設定: 上記メニューで 2)Skins: 3)Transitions: 4)Options: 5)Publish: ・以上の設定値は ファイル → プロジェクト(中間)ファイル(****.amslider)として保存。このファイルは画像を含め全ての情報が入っているので後日の変更はこのファイルのみを読み込めばよい。 他のwebページに挿入する場合の注意: ・Publish では下記が生成する。 <!DOCTYPE html> ・DreamWeaver の冒頭宣言 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> ・HomepageBuilderの冒頭宣言 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> ************************************************* ミカサ社例では、DreamWeaverの冒頭宣言がよいようだ。 通常のHTMLページに入れる場合、Publishで生成の冒頭宣言でよいようだが、JavaScriptと共存する場合にトラブルが発生するらしい。 (自分のPC内SWAPフォルダにMK社サンプルあり) |
| Amazing Slider の簡単な例 | 画像切替え いろいろ | ホームページ作成体験 |