Salve a tutti.. ho fatto questo script per uno slideshow, ma volevo migliorarlo per quanto riguarda la transizione dell'immagine...
Io cambio la proprietà opacità ma l'effetto non è brutto, in quanto ovviamente si visualizza il fondo.. come posso fare un fadein/fadeout decente?
codice:
// JavaScript Document
//<![CDATA[
        	( function($) {
				$(document).ready(function()
				{					
					// HEADER SLIDER
					var imgArr = new Array( // relative paths of images
						'/joomla/images/background/header-01.jpg',	'/joomla/images/background/header-02.jpg',
'/joomla/images/background/header-03.jpg',
'/joomla/images/background/header-04.jpg'
					);
				 
					 var preloadArr = new Array();
					 var i;
				 
					 /* preload images */
					 for(i=0; i < imgArr.length; i++)
					 {
						 preloadArr[i] = new Image();
						 preloadArr[i].src = imgArr[i];
					 }
				 
					 var currImg = 1;
					 var intID = setInterval(changeImg, 6000);
				 
					/* image rotator */
					function changeImg()
					{
						$('#masthead').animate({opacity: 0.5}, 1000, function(){
							$(this).css('background','url(' + preloadArr[currImg++%preloadArr.length].src +') top center no-repeat');
						}).animate({opacity: 1}, 1000);
					}
				});
			})( jQuery );
			//]]>