jQuery（JavaScript）を使ったスライドショー（画像切替）　　2014/9 　2018/3改　　（安倍）

jQuery とは、JvaScript の記述をサブルーチンの如く用途別にパッケージ化したもの。　CSSも組み合わせてHTMLから呼び出す。
以下にいくつかの例を示します。

1）jQuery 引用：　Black flag　　BRISK
　フェード自動。　ネット上のjQueryをHTMLから直リンクで指定。　CSSも２種呼び出す。
　
　　・表紙への応用(1-1)　　　・簡単な例 (1-2)

　　・BGM付　(1-3)　HTML5 <audio> 　自動で鳴るがスマホでは鳴らない(jidoo-sound)。　
　　　　　　　　（1-4）　手動にすれば スマホでも鳴る(oki-sound10)　
　　　　　　　　（1-5)　 HTML4 <embed>　自動で鳴るが、手動でもスマホでは鳴らない。(oki-soundc).

2）jQuery 引用：　klutche.org

　　・ フェード自動 (2) 　

3）jQuery 引用：　TAM

　　・ フェード 自動/手動の組合せ(3-1)　
　　・ 上から自動/手動ボタン消去(3-2) 　

4）jQuery 引用：　GE-HealthCare（サイトは廃止）

　　・ フェード自動/手動の組合せ 　

5） jQuery　引用： AmazingSlider.com

　・　応用集　（5-1）
　・ 簡単な例　 （5-2）
　・ 他の例 （未完PC内）

6) マウスON で切替え（マウスON操作はスマホではクリックと区別できず異常動作となるから避けるべき)

7) クリックで切替え

8) スワップ画像からリンク

付） jQueryネット情報
解説　https://webkikaku.co.jp/blog/webdesign/jquery_start/

フリーソフト　http://fukafuka295.jp/hp/hp_no3.html

レンズ風の画像部分拡大

ネットでの応用例　http://www.mizusumashi.com/menu/details_140917121814_19_1.html

｜　JavaScript スライドショーサンプル　｜　スライドショー 比較　｜　　ホームページ作成体験へ　　｜