JavaScriptを使ったスライドショー(画像切替)  2014/9(安倍)

jQuery とは、JvaScript の記述をサブルーチンの如く用途別にパッケージ化したもの。

1) FLASH風クロスフェード自動  
jQuery  引用:Black flag

2) FLASH風クロスフェード自動(2)  
jQuery  引用:klutche.org

3) クロスフェード 自動/手動の組合せ
(3-1)  jQuery  引用:TAM
   から自動/手動ボタン消去
(3-2)  

4) クロスフェード自動と手動の組合せ  jQuery    

5) Amazing Slider(制作ソフト 5-1) jQuery  引用AmazingSlider.com
   上の簡単な別例 クロスフェード  (5-2) 
    MK社例(サーバーになし。PC内のみ) 


以下はjQuery 非使用。

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 スライドショーサンプル | スライドショー 比較 |  ホームページ作成体験へ  |

 

 

 

 

 

 

 

 

 


 

inserted by FC2 system