フルスクリーン / エキスパンド可能な背景画像を実装する方法を知っています。私は通常、jQuery メソッドを使用します。例: http://tinyurl.com/9yl4rbw
しかし!ページにアクセスするたびに背景画像が異なるようにしようとしています。スライド ショーではありません。しかし、古い JavaScript のように (例: http://www.computerhope.com/j18.htm )
どうすれば2つを組み合わせることができますか; jQueryの拡張可能な背景とページ上の更新画像のjavascript?
この効果のための高品質のプラグインに出くわした人はいますか?
*編集_ _ _*
上記の参照 URL にあるように、jQuery メソッドを使用します。基本的に以下:
<!--Expandable BG code IE 7 +-->
<style>
#bg { position: fixed; top: 0; left: 0; }
.bgwidth { width: 100%; }
.bgheight { height: 100%; }
#page-wrap { position: relative; width: 950px; margin-left: auto; margin-right: auto;; }
</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script>
$(function() {
var theWindow = $(window),
$bg = $("#bg"),
aspectRatio = $bg.width() / $bg.height();
function resizeBg() {
if ( (theWindow.width() / theWindow.height()) < aspectRatio ) {
$bg
.removeClass()
.addClass('bgheight');
} else {
$bg
.removeClass()
.addClass('bgwidth');
}
}
theWindow.resize(function() {
resizeBg();
}).trigger("resize");
});
</script>
<!--Expandable BG code IE 7 +-->
<!--Full BG Call-->
<img src="Sandwichfullbg.jpg" id="bg" >
<div id="page-wrap">
<!--End Full BG Call-->
新しいページの訪問時またはページの更新時に背景を変更する簡単な解決策を見つけたいと思います。理想的には約 30 枚の画像を保持します。EG: ページを更新 > 新しい rad イメージ; ページを更新 > 新しい rad イメージ; (×30)