I can't get this working. Any help for a newbie is greatly appreciated.
I got this script from: http://youngisrael-stl.org/wordpress...ader/#comments
The images are there, and stacked as they should be, but no fading.

put this in my head:
Code:
<script type="text/javascript" src="/includes/jquery-1.2.2.js"></script>
<script type="text/javascript" src="/includes/crossfader.js"></script>
<script type="text/javascript">$(function(){
  $(’.make_fader’).xfade();
});</script>
This is my .js file:
Code:
(function($){

$.fn.xfade = $.extend(function(opts){
  opts = $.extend({}, arguments.callee['default'], opts);
  return this.each(function(){
    this.xfade = new $.fn.xfade.Xfade(this, opts);
  });
},{ // option sets
  'default': {pause: 1000, random: 0, fadeTime: 2000, fadeIn: false},
  random: {pause: 100, random: 4000},
  randomFadein: {pause: 100, random: 4000, fadeIn: true},

  // constructor
  Xfade: function(container, opts){
    var imgs = $.map($('img',container).hide(), '$(a)'); // turn imgs into an array of jquery objects, each with one image
    var current = imgs.length-1;
    if (current == -1) return; // no images
    if (!opts.fadeIn) imgs[current].show();

    this.start = function(){
      imgs[current].filter(':visible').fadeOut(opts.fadeTime);
      current = imgs[current+1] ? current+1 : 0;
      imgs[current].fadeIn(opts.fadeTime);
      if (imgs.length == 1) return; // just one image? show it and stop
      timer = setTimeout(arguments.callee, opts.fadeTime+opts.pause+opts.random*Math.random()); // wait for the fade to end, then pause
    } // start

    this.stop = function(){
      clearTimeout (timer);
      timer = null;
    }; // stop

    this.isStopped = function() {return timer == null};

    var timer = setTimeout(this.start, opts.random*Math.random()); // start fading
  } // Xfade
});

})(jQuery);
This is in my body:
Code:
<div class="make_fader">
  <a href="image link 1"><img src="images/slideshow/083005.jpg"/></a>
  <a href="image link 2"><img src="images/slideshow/FAUX-CANDLE.jpg"></a>
  <a href="image link 3"><img src="images/slideshow/FAUX-SKY.jpg"></a>
  <a href="image link 4"><img src="images/slideshow/FAUX-WOODGRAIN-MHGNY.jpg"></a>
</div>