Altan7■画像D■ 枠の中で雪が降る    最終修正日 : 2016/06/04

■2015/11/05:JavaScriptの「++i」と「i++」を「i++」で統一していましたが、意味が違うそうなので原本通りに修正。
■2015/12/12:JavaScriptのソースを2行削除。
■2016/06/04:範囲指定の方法を簡略化。

●2016/06/04:即時関数で囲んで、グローバル変数を消しました。

■全面に、画像実寸か比率表示の画像が降るJavaScriptはこちら→ Altan2■画像D■複数種類の透過の雪が降る

上記のJavaScriptを改造しました。範囲指定の枠の中に、雪が降るJavaScriptです。
画像サイズ指定に、transform: scale() を付加しています。
これは使用する複数種類の画像サイズが全体的に少し大きめか小さめで、さらに複数種類の画像が同じサイズで無い時に利用すると便利です。

範囲指定には何度も挑戦しつつ、いつも玉砕していましたが、今回こそ大丈夫!……なんじゃないかな、たぶん(笑)。
1.範囲指定の条件は、第一は枠の中にきちんとおさまること → 枠線や、角丸の部分に、はみ出して表示されないこと。
2.流れる画像が大きな画像でも全体が唐突に表示されるのではなく、徐々に画像の端から表示されること。
3.好みの位置に自由に範囲指定の枠を設定できること。
4.指定が複雑で無く、簡単なこと。
たぶん今回は、上記のすべての条件をクリアできたと思います。

■枠指定で、サイズと角度変化指定付きの画像が降るJavaScriptはこちら→ Altan8■画像D■枠の中でサイズと角度変化降る