Discussion on Alkaline - Multipurpose Template

Hi Step Of Web

I was interested to find out, if it is possible to be able to add image thumbnails to the Home Page Full Screen Slider (Maximage Slider).

I found a link on the Maximage website to a JSFiddle Example, of Maximage Slider with Thumbnail Pager. Should anyone else be interested, the link is below:

I have been successful in implementing an Image Thumbnail Slider to this great slider and template.

Here is the link to the JSFiddle: http://jsfiddle.net/akv292/7z32m/

I just had to add the following code from the JSFiddle into the scripts.js Template File in the Maximage Function cycleOptions:

pager: '#cycle-nav ul',
pagerAnchorBuilder: function(idx, slide) {
var imgsrc = jQuery.Slides[idx].url;
return '<li><a href="#" rel="nofollow"><img src=' + imgsrc + ' width="50" /></a></li>';
},

I also added in the following code from the JSFiddle, but not sure if this is also required, but i added it anyway:

$('.toggle').bind('click', function(e){
e.preventDefault();
$('#slider').cycle('toggle');
});

This is also with the obvious addition of the HTML Markup and CSS.

I thought i would add this resource should it be of interest to anyone.

Thanks for the great template. It is awesome!