html_for_body.html

<script>
      $(function(){ 
        $('#image').reel({
          indicator:   0, // For no indicator just remove this line
          frames:     100, 
          frame:       6,
          rows:         2,
          row:         1,
          speed:      0.1,
	 timeout: 3,
	 preloader: 1,
          images:      '/assets/images/profile3d/Energy270/iglo_eo_###.jpg'
        });
	$('.reel-preloader').append('<img class="loadgif" src="/assets/images/profile3d/loading.gif" />'); 
      });
</script>

<!-- QUESTO LO METTI DOVE VUOI L'IMMAGINE -->
<div>
  <img id="image" src="assets/images/profile3d/Energy270.jpg" alt="" height="370" width="370" />
</div>

html_for_head.html

<style type="text/css">
	.loadgif {
		width: 120px !important;
		height: 160px !important;
		left:75px !important;
		bottom:50px !important;
		position: absolute;
		z-index:1000;
	}
	.reel-preloader {
		overflow:visible !important;
	}
  </style>
  <script src="http://code.vostrel.cz/jquery.reel-1.2-bundle.js" type="text/javascript"></script>