Hi Pete!

Thanks for all of the compliments!... it worked LOL ;)

I put together this demo for you. It will need a data-thumb added to each "main" image inside of the slider; so multiple images inside the slider are allowed, only the image with a data-thumb will show in the preview thumb popup.

Hopefully I've added enough comments in the css to allow adjusting this code to work with any theme.

Check out this Pen!

That's odd...it was fine the other day.

My console is showing a couple of resource loading errors...perhaps there's an issue at github.

Perhaps an email to Chris?

All fixed! whew.

@Aleksandr It's not exactly the same, but check out this demo

$(function () {

  $('#slider').anythingSlider({
    theme: 'metallic',
    onInitialized: function(e, slider) {
      var i, s,
          $tooltip = $('<div class="thumbs"></div>').appendTo( slider.$controls );
      slider.$controls.find('li').on('mouseover mouseleave', function(e){
        $tooltip.toggle(e.type === 'mouseover');
        i = slider.$items.eq($(this).index()).find('img');
        s = i.attr('src');
        if (s) {
          $tooltip
            .html('<img src="' + s + '">')
            .css({
              left: $(this).position().left - 40 // 1/2 thumb width
            });
        } else {
          $tooltip.empty();
        }
      });
    }
  });

});