Code:
<!--
// Copyright (c) 2010 TrendMedia Technologies, Inc., Brian McNitt. 
// All rights reserved.
//
// Released under the GPL license
// http://www.opensource.org/licenses/gpl-license.php
//
// **********************************************************************
// This program is distributed in the hope that it will be useful, but
// WITHOUT ANY WARRANTY; without even the implied warranty of
// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. 
// **********************************************************************
-->
<html lang="en">
  <head>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js?ver=3.0.1"></script>
    <script type="text/javascript">
      function rotator()  {  //start after HTML, images have loaded
        alert("LAUNCHED")
        var InfiniteRotator = 
        {
          init: function()
          {
            //initial fade-in time (in milliseconds)
            var initialFadeIn = 1000;
            
            //interval between items (in milliseconds)
            var itemInterval = 5000;
            
            //cross-fade time (in milliseconds)
            var fadeTime = 2500;
            
            //count number of items
            var numberOfItems = $('.rotating-item').length;
            
            //set current item
            var currentItem = 0;
            
            //show first item
            $('.rotating-item').eq(currentItem).fadeIn(initialFadeIn);
            
            //loop through the items        
            var infiniteLoop = setInterval(function(){
                $('.rotating-item').eq(currentItem).fadeOut(fadeTime);
            
                if(currentItem == numberOfItems -1){
                    currentItem = 0;
                }else{
                    currentItem++;
                }
                $('.rotating-item').eq(currentItem).fadeIn(fadeTime);
            
            }, itemInterval);    
          }    
        };
        InfiniteRotator.init();
      }
    </script>
    <meta charset="utf-8" />
    <title>Infinite Rotating Images Using jQuery (JavaScript) - Unstyled</title>
  </head>
  <body onload="rotator();">
    <h1>Infinite Rotating Images Using jQuery (JavaScript) - Unstyled</h1>
    <div id="rotating-item-wrapper">
      <div class="rotating-item"><object type="text/html" data="http://www.chartjs.org/samples/latest/charts/polar-area.html" width="980" height="347" /></div>
      <div class="rotating-item"><object type="text/html" data="http://www.chartjs.org/samples/latest/charts/line/stepped.html" width="980" height="347" /></div>
      <div class="rotating-item"><object type="text/html" data="http://www.chartjs.org/samples/latest/charts/bar/horizontal.html" width="980" height="347" /></div>
    </div>
  </body>
</html>
so müsste das EIGENTLICH funktionieren, aber er beschwert sich im browser beim laden immer über das $ zeichen im script, obwohl ich die jquery geladen habe