How to get Fullsize & Cycle - JQuery - working together?

I have a problem implementing too JQuery tools; Cycle and Fullsize (together).

I have uploaded an example over at: http://lawrencebrown.eu/jquery/index.html

The problem is that only the first image pics up the Full size script, I have bene told by a friend to add the following into code into the cycle script:

?after: function () {  $("div.album img").fullsize(); }

I have tried putting this in different places from lines 19 to 43 on index.html with no winning results yet.

Any help you can offer to the mark up between lines 19 to 43 would be great.

I appreciate that their are plenty of other lightbox solutions that can solve this problem - I have even had a few 开发者_StackOverflowup and running, however this is a specific request on this job to use Fullsize.

Thanks for you time

Your friend is right. Just place it like this after pagerAnchorBuilder (note the additional colon before after)

$(function() {
  $('.album').before('<ul id="nav">').cycle({
  ...
    pagerAnchorBuilder: function(idx, slide) {
      return '<li><a href="#"><img src="' + slide.src + '" width="42" height="33" /></a></li>';
    },
    after: function () {  $("div.album img").fullsize(); }
  });
});