Banners Rotativos

Banners Rotativos

HTML

<a class="link" href=""><img id="" class="banner" src="" width="250" height="75"></a>
<a class="link" href=""><img id="" class="banner" src="" width="250" height="75"></a>
<a class="link" href=""><img id="" class="banner" src="" width="250" height="75"></a>
<a class="link" href=""><img id="" class="banner" src="" width="250" height="75"></a>

JavaScript

img = new Array();
			// Preencha com as img que vão aparecer
			img[0]="https://www.mmoservers.com.br/public/style_images/memory/banner-ex.jpg";
            img[1]="https://www.mmoservers.com.br/public/style_images/memory/banner-ex.jpg";
            img[2]="https://www.mmoservers.com.br/public/style_images/memory/banner-ex.jpg";
            img[3]="https://www.mmoservers.com.br/public/style_images/memory/banner-ex.jpg";
            img[4]="http://3.imimg.com/data3/QD/PU/DIR-3332558/images-banner-250x250.jpg";
            img[5]="http://3.imimg.com/data3/QD/PU/DIR-3332558/images-banner-250x250.jpg";
            img[6]="http://3.imimg.com/data3/QD/PU/DIR-3332558/images-banner-250x250.jpg";
            img[7]="http://3.imimg.com/data3/QD/PU/DIR-3332558/images-banner-250x250.jpg";
			// Preencha com os respectivos links
			links = new Array();
			links[0] = "http://www.imasters.com.br";
			links[1] = "http://www.imasters.com.br";
			links[2] = "http://www.imasters.com.br";
			links[3] = "http://www.imasters.com.br";
			links[4] = "http://www.imasters.com.br";
			links[5] = "http://www.imasters.com.br";
			links[6] = "http://www.imasters.com.br";
			links[7] = "http://www.imasters.com.br";
			// Coloca as imagens iniciais automaticamente	
			$(".link").each(function(index) {
				$(this).prop('href',links[index]);
				$('img', this).prop('src', img[index]);
				$('img', this).prop('id', index)
			});
			// Método que troca as imagens do banner
			function exchanger(){
				var id = $('.link img').prop('id');
				if(id == 0){
					var a = 4;
					$('.link').each(function() {
						$(this).hide();
						$(this).prop('href', links[a]);
						$('img', this).prop('src', img[a]);
						$('img', this).prop('id', a);
						$(this).fadeIn(2000);
						a++;
					});
				}
				else if(id == 4){
					var b = 0;
					$('.link').each(function() {
						$(this).hide();
						$(this).prop('href', links[b]);
						$('img', this).prop('src', img[b]);
						$('img', this).prop('id',...