Moin leute ich hab einen script erstellt, den ich gerne in eine externe script datei einpflegen würde, wo auch meine anderen scripts sind.
Wenn ich den in die datei schreib, funktioniert die animation nicht ( alle anderen problemlos ). Schreib ich den aber als inlinescript am ende des body funktioniert die animation . Woran liegt das ? hab es auch mal versucht in eine komplette neue datei zu schreiben weil ich dachte das iwelche scripts da probleme bereiten.
hier mal mein quellcode und den script um den es geht
Wenn ich den in die datei schreib, funktioniert die animation nicht ( alle anderen problemlos ). Schreib ich den aber als inlinescript am ende des body funktioniert die animation . Woran liegt das ? hab es auch mal versucht in eine komplette neue datei zu schreiben weil ich dachte das iwelche scripts da probleme bereiten.
hier mal mein quellcode und den script um den es geht
HTML:
<!-- Stylesheets --> <link rel="stylesheet" type="text/css" href="awesom.css"> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script><!-- Stylesheets End -->
<!--Scripts Start--> <script src="js/navi_animation.js"></script> <script src="js/text_animation.js"></script> <!--Analytics--> <script> (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-43128222-1', 'awesom-media.de'); ga('send', 'pageview');
</script> <!--Analytics--> <!--Scripts End-->
<!-- Fonts Start --> <link href='http://fonts.googleapis.com/css?family=Lato' rel='stylesheet' type='text/css'> <link href='http://fonts.googleapis.com/css?family=Rosario' rel='stylesheet' type='text/css'><!-- Fonts End -->
</head>
<body>
<!-- Header Start --> <header> <div id="imgheader"> <img src="image/Pre_logo_header.png" alt="awesom-media"> </div> <!-- Navi - FB Circle Start --> <div class="headcontent"> <nav> <li id="applink"><a href="#" data-hover="APP">APP</a></li> <li id="welink"><a href="#">Webdesigng</a></li> <li id="seolink"><a href="#">SEO</a></li> <li id="omlink"><a href="#">Online Marketing</a></li> </nav> <div id="fbcircle"> <img src="image/facebook.png" alt="facebook"> </div> </div> <!-- Navi - FB Circle End --> </header><!-- Header End -->
<!--Startseite Start--> <div class="mainpage"> <div id="maincontent"> <div id="ft"> <p>Auch</p> </div> <div id="st"> <p>schon</p> </div> <div id="tt"> <p>Awesom ?</p> </div> </div> <div id="fpolygon"> <a href="#"><img src="image/polygon.png" alt="scrolldown"></a> </div> </div> <!-- Inline script--><script> (function pulse(){ $('#fpolygon').delay(1600).fadeOut('slow').delay(10).fadeIn('slow',pulse); })();</script>
</body>
</html>