Header immagini che ruotano

[andrexx90]

Ho provato a cercare nel forum ma non ho trovato nulla..
Ho un problema.
Ho installato

Codice: Seleziona tutto

Jquery Fade Header

Di Slash...

Codice: Seleziona tutto

Descrizione : Aggiunge un effetto dissolvenza sul background del header e permette di alternare infinite immagini di background.

Questo è il codice da aggiungere dopo

Codice: Seleziona tutto

</head>

nell'overall_header.html

Codice: Seleziona tutto

<!--fade-header by Slash www.wiizard.it-->
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>
    <script language="JavaScript" type="text/javascript">
    $(document).ready(function(){
                
                var imgArr = new Array( // path immagini
                   '{T_THEME_PATH}/images/bgheader.gif',
                        '{T_THEME_PATH}/images/bgheader1.gif',
                        '{T_THEME_PATH}/images/bgheader2.gif'
                   );
                   
                var preloadArr = new Array();
                var i;
                
                /* preload immagini*/
                for(i=0; i < imgArr.length; i++){
                   preloadArr[i] = new Image();
                   preloadArr[i].src = imgArr[i];
                }
                
                var currImg = 1;
                var intID = setInterval(changeImg, 60000); // l' immagine cambia ogni: in millisecondi /
                
                function changeImg(){
                   $('.headerbar').animate({opacity: 0}, 1, function(){
                      $(this).css('background','url(' + preloadArr[currImg++%preloadArr.length].src +')');
                   }).animate({opacity: 1}, 1000);
                }
     
             });
    </script>
    <!--fade-header by Slash www.wiizard.it-->

Il mio problema è che mette tutte le immagini spostate verso sx e si ripetono...
Come posso fare, a centrarlo e non farsì che si ripetino?

Ho provato a mettere

Codice: Seleziona tutto

no-repeat scroll center center

in colour.css nel background, ma non succede nulla...
Come posso fare?
Grazie!

[juventissimo]

sarà una cosa stupida, ma se usi la gif perché non lo fai con una immagine animata?

[andrexx90]

Perchè se no dovrei fare una gif ogni mese, visto che sono immagini che vanno sostituite ogni volta...
Quindi in futuro cambierei solo l'immagine e basta..

[juventissimo]

guardando il codice html vedo questo:

Codice: Seleziona tutto

<div class="headerbar" style="opacity: 1; background: url("http://www.abcdefghi12.altervista.org/forum/styles/prosilver/imageset/bgheader.gif") repeat scroll 0 0 transparent

il codice lo devi mettere come te lo avevo detto volta scorsa:

Codice: Seleziona tutto

<div class="headerbar" style="opacity: 1; background: url("http://www.abcdefghi12.altervista.org/forum/styles/prosilver/imageset/bgheader.gif") no-repeat scroll center center transparent

ma questa volta non va nel css, ma nello stile dell'elemento a meno che non ti crei un codice di riferimento per questa condizione

[corrado]

questo script ti permette di visualizzare immagini a rotazione:

Codice: Seleziona tutto

//--------------------------//
//    Personalizzazione    //
//--------------------------//
var cartella = "img/";

var estensione = "jpg";

var num_immagini = "40";

var tempo = "2000";
//--------------------------//

var ws_images;
var ws_load;

var idx;
var num;

var period;
var running;

var extension;

		
function oscroller_init() {
	ws_images = new Array();
	ws_load = new Array();
		
	idx = 0;
	num = num_immagini;
	period = tempo;
		
	extension = "." + estensione;

	load();
			
	running = true;

	setTimeout('scroll()',period);
}
		
function scroll() {
	if(running) {
		idx++;
		if(idx>=num) {
			idx=0;
		}
		document.images.partenza.src = ws_images[idx].src;
		
		setTimeout("scroll()",period);
	}
}
		
function stop() {
	running = false;
}
		
function show(i) {
	stop();
	idx=i;
	document.images.partenza.src = ws_images[idx].src;
}
		
function run() {
	if(!running) {
		running=true;
		scroll();
	}
}
		
function load() {
	for(i=0;i<num;i++) {
		loadImage(i);
	}
}
		
function loadImage(i) {
	ws_images[i] = new Image();
	ws_images[i].src = cartella + i + extension;
}

lo puoi chiudere in un fai e farlo caricare dall'overall_header.html