Hier eine einfacher Bild-Überblender. In Kürze schreibe ich es als Plugin um.

Die Zahlenwerte in fadeIn & fadeOut, jetzt 1700 Millisekunden geben die Überblenddauer bzw. die Aus und Einblenddauer der Bilder an. Die 6000 Milisekunden des setIntervall geben die Anzeigedauer des Bildes an. Klar ist, dass die Dauer des Fading nicht höher sein darf als die Anzeigedauer.

Einbinden von jQuery und noConflict sin optional und abhängig der Website bzw. der Joomlaversion.

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script type="text/javascript">
  jQuery.noConflict();
  jQuery(function(){
    var countCowImages = jQuery('#slider').children().length;
    Math.floor(Math.random() * countCowImages);
    jQuery('#slider img:gt(0)').hide();
    setInterval(function(){
        jQuery('#slider :first-child').fadeOut(1700)
          .next('img').fadeIn(1700)
          .end().appendTo('#sliderFH');},
      6000);
  });
</script>

 Das css dazu:

#slider{
  width: 328px;
  height: 200px;
  overflow: hidden;
}
#slider img{
  position: absolute;
  left: 0;
  top: 0;
}

 Dazu gehört natürlich auch der html Teil. Alle img/Bilder welche sich in einem Element mit der ID slider befinden, werden gefadet.

<div id="slider">
   <img src="/img/img_01.jpg" />
   <img src="/img/img_02.jpg" />
   <img src="/img/img_03.jpg" />
 </div>