preloader issue
hello,
i have followed tutorial include preloader in webpages of website. spinning icon works on desktop, not visible when site uploaded online.
<!doctype html>
<!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>my website</title>
<link rel="stylesheet" type="text/css" href="includes/marquee.css" />
<link rel="stylesheet" type="text/css" href="includes/preloader.css" media="screen, print"/>
<script type="text/javascript" src="includes/jquery-1.6.min.js"></script>
<script type="text/javascript" src="includes/farinspace/jquery.imgpreload.min.js"></script>
<script type="text/javascript" src="includes/marquee.js"></script>
</head>
<body>
<!-- preloader -->
<div id="preloader">
<div id="status"> </div>
</div>
<div> content here </div>
<script type="text/javascript">
//<![cdata[
$(window).load(function() { // makes sure whole site loaded
$('#status').fadeout(); // first fade out loading animation
$('#preloader').delay(350).fadeout('slow'); // fade out white div covers website.
$('body').delay(350).css({'overflow':'visible'});
})
//]]>
</script>
</body>
</html>
the item did not include per tutorial, is:
<!-- jquery plugin -->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.min.js"></script>
this because when above plugin included, creates conflicts, , webpage wont visible.
thanks
without seeing url, it's impossible sure... things check:
- it page loading fast, animation doesn't have time appear.
- did upload scripts , animated gif site?
- are sure paths supporting files correct?
- have tested preloader on plain vanilla page without other plugins may causing conflicts?
nancy o.
More discussions in Dreamweaver support forum
adobe
Comments
Post a Comment