コンピューターにローカルに保存されているページを確認すると、すべてが正常に読み込まれますが、サーバーにアップロードすると、バックグラウンド/スライドショーの遷移が機能せず、表示されません。これが私のコードです:
<!doctype html>
<html lang="en-us">
<head>
<meta charset="utf-8">
<title>blah</title>
<meta name="description" content="Add Site Description Here">
<meta name="keywords" content="Add Keywords Here">
<link rel="stylesheet" href="style.css" media="all">
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />
<script src="js/jquery-1.7.1.min.js"></script>
<script src="js/smooth-scroll.js"></script>
<script src="js/Easy_Background.js"></script>
<script src="js/jquery.easing.1.3.js"></script>
<script src="js/jquery.prettyPhoto.js"></script>
<!-- Fullsscreen Background -->
<script type="text/javascript">
jQuery(document).ready(function($) {
var background = new Easy_Background({
background_color: "none",
pattern: "img/patterns/pattern-4.png",
autoplay: "true",
autoplayTime: 5,
images:["img/fullscreen/1.jpg",
"img/fullscreen/2.jpg",
"img/fullscreen/3.jpg",
"img/fullscreen/4.jpg",
"img/fullscreen/5.jpg",
"img/fullscreen/6.jpg",
"img/fullscreen/7.jpg"],
images_sizing: "fill", // fill || adjust || stretch || repeat
animationIn: { attribute:["y", "alpha"], // x || y || alpha
value: ["1px", 0],
easing: ["easeOutCubic", "swing"],
time: [0.7, 1.5],
delay: 0 },
animationOut: { attribute:[],
value: [],
easing: [],
time: [],
delay: 0 }
});
$('body').click(background.next);
});
</script>
<script type="text/javascript">
$(document).ready(function(){
$("a[rel^='prettyPhoto']").prettyPhoto();
});
</script>
</head>