The simplest jquery rotator I could come up with

rotator.html

<!-- ROTATOR HTML -->
<div class="rotator-container">
	<img src="images/preview/1.jpg" class="active"/>
	<img src="images/preview/2.jpg" />
	<img src="images/preview/3.jpg" />
</div>

rotator_script.js

$(document).ready(function() {

	var images = $('.rotator-container img');

	(function rotateImages() {
		var no_of_images = images.length -1,
			i = 1,
			j = 2;

		function rotator() {

			if (i === 3) {i = 0;}

			$(images[i]).addClass('active');
			$(images[j]).removeClass('active');

			j=i;
			i++;
		}

		setInterval(rotator, 3500);
		
	})();

	$('a.grouped-elements').fancybox();
});

rotator_styles.css

.rotator-container {width: 343px; position: relative; margin: 0 auto;}
.rotator-container img {
  opacity: 0;
  position: absolute;
  z-index: 3;
  top: 16px;
  left: -1px;
  -webkit-transition: .5s;
  -o-transition: .5s;
  transition: .5s;
}

.rotator-container img.active {opacity: 1;}