Jquery with NoScripts shows all pictures of the circle

Jquery with NoScripts shows all pictures of the circle

Hello,
I have jquery.js integrated into my website so that the header images of the website rotate as fade.
This only works if the viewer's browser does not NoScript addon uses or scripts allowed.
  1. <script src="fileadmin/js/jquery.js" type="text/javascript"></script>
  2. <script src="fileadmin/js/jquery.cycle.all.min.js" type="text/javascript"></script>
  3. <script type="text/javascript">
  4.           $(function(){
  5.             $('#header').cycle({
  6.             //  fx: 'turnDown'
  7.             //  fx: 'scrollDown'
  8.             //  fx: 'scrollLeft'
  9.             });
  10.           });
  11.           document.getElementById('header').style.visibility = 'visible';
  12.           </script>
and here the part of the images:
  1. <div class="headerimage" id="header">
  2.         <img src="fileadmin/headerimages/Headerlogo_01.png" width="1000" height="280"/>
  3.         <img src="fileadmin/headerimages/Headerlogo_02.png" width="1000" height="280"/>
  4.         <img src="fileadmin/headerimages/Headerlogo_03.png" width="1000" height="280" />
  5.         <img src="fileadmin/headerimages/Headerlogo_04.png" width="1000" height="280" />
  6.         <img src="fileadmin/headerimages/Headerlogo_05.png" width="1000" height="280" />
  7.     </div>
Okay, my question now is,  how I have to configure this so that when the scripts in the browser ist closed only a header image is displayed?
With my approach five images are displayed with each other then that. And this is not desired. I saw on your demo page that the images are now displayed with NoScript, just without animation.

Regards,
Wambui