Kód: Vybrať všetko

<div class="category-img">
	<img class="activephoto" src="images/one.jpg" alt="" />
	<img src="images/two.jpg" alt="" />
	<img src="images/three.jpg" alt="" />
</div>

Kód: Vybrať všetko

$(function() {
function swapImages() {
  var $current = $('.category-img img:visible');
  var $next = $current.next();
  if($next.length === 0) {
      $next = $('.category-img img:first');
  }
  $current.fadeOut(2000);
  $next.fadeIn(2000);
}
setInterval(swapImages, 3000);
});

Kód: Vybrať všetko

$('.category-img').mouseenter(function(){swapImages(this)});

Kód: Vybrať všetko

function swapImages(imgContainer) {
  var $current = $('img:visible', $(imgContainer));
  var $next = $current.next();
  if($next.length === 0) {
      $next = $('img:first', $(imgContainer));
  }
  $current.fadeOut(2000);
  $next.fadeIn(2000);
}