[Plugin: NextGEN Scroll Gallery] auto scroll through thumbnails when large image is clicked

Nevermind. I just solved it.

Oh sorry. So here is what I did. Not sure this is the best coding. Initially I had some code that would add an “active” class to each thumbnail as I clicked each larger image. To solve the problem I posted above, I grabbed the ‘alt’ of the larger image and matched it to the thumbnail url. It seems the thumbnails are generated with the same name but have a ‘thumb_’ added.

Once there is a match, I used Ariel Flesler “scrollTo” plugin to scroll accordingly. Hope this helps.

var $imageContainer = $('.imageareaContent .caption_container img');
$imageContainer.live('click', function () {
	var $imgAlt = $(this).parent().next().find('img').attr('alt');
	if ($imgAlt == undefined)
	{
		$imgAlt = $('.imageareaContent .caption_container:first img').attr('alt');
	}

	var $clickImg = 'thumbs_' + $imgAlt + '.jpg';

	$('.thumbareaContent img').each(function (index) {
		var attribute = $(this).attr('src');
		var startIndex = attribute.indexOf('/thumbs/') + 8;
		var endIndex = attribute.length;
		var newAttribute = attribute.substring(startIndex, endIndex);

		$(this).removeClass('active');

//		console.log($clickImg);
//		console.log(newAttribute);

		if ($clickImg == newAttribute)
		{
			$(this).addClass('active');
			$('.thumbarea').scrollTo( $(this), 400 );
		}

	});
});