スクリーンいっぱいに背景画像を表示 スライドショー

jquery の backstretch を使用。jsファイルはデスクトップ/jquery/backstretchにある。

arisawagroup.jp で使用

 

head内に記述

<script type=”text/javascript” language=”JavaScript” src=”https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js”></script>

<script type=”text/javascript” src=”js/jquery.backstretch.min.js”></script>

<script type=”text/javascript”>
$(function(){
$.backstretch(
    [
      “image/new-top/01.jpg”,
       “image/new-top/02.jpg”
      ],
    {duration: 3000, fade: 1250}
);
});
</script>

 

下記サイト参照

背景全画面や特定要素に合わせて表示してくれるjQueryプラグイン『BACKSTRETCH』

 

スライドショーや背景画像を全画面(フルスクリーン)表示できるjQueryプラグインBackstretch