Effetto fade in e out navigazione

[knight2007]

ragazzi sono riuscito a trovare questo script che funziona ad hoc, ma non so proprio ora come dare un effetto morbido di fade alla navigazione, vi incollo lo script:

graziee


jQuery(function( $ ){

var $sections = $('#navigation a'),// Links on the left
last = null;// Last section

$sections.click(function(){
if( last != this ){ // let's avoid needless requests
var url = 'html/' + this.hash.slice(1) + '.html';
$('#content').html( '<p class="loading">Loading...</p>' ).load( url, function(){
this.scrollLeft = 0;//scroll back to the left

});
}
last = this;
this.blur(); // Remove the awful outline
return false;
});
$sections.eq(0).click(); // Load the first section
});

[m4rko80]

Ciao, non l'ho provato ma forse...

$('#content').html( '<p class="loading">Loading...</p>' ).hide().load( url, function(){
this.scrollLeft = 0;//scroll back to the left

}).fadeIn();

......

nascondi #content e dopo che ci hai caricato il contenuto con load() lo mostri con fade.

[knight2007]

ehy!! ciao grazie, per la risposta, ma... no..

$('#content').html( '<p class="loading">Loading...</p>' ).hide().load( url, function(){
this.scrollLeft = 0;//scroll back to the left
}).fadeIn();
}
last = this;
this.blur(); // Remove the awful outline
return false;
});

$sections.eq(0).click(); // Load the first section
});


scatta sempre, nel senso non c'è la transizione..
Appena riesce caspita faccio un post apposta perchè credo che sia utile per moltissimi.

[Xinod]

il fadeIn va nel callback del load
...load( url, function(){$(this).hide().fadeIn('slow');})

[knight2007]

caspita...è dura...nemmeno così..non nasconde nemmeno il #content...

[Xinod]

sbagli altro
controlla la console javascript
posta tutto il codice interessato

[knight2007]

mah..davvero non so..
incollo il codice, come verisone di jquery uso:
http://ajax.googleapis.com/ajax/libs.../jquery.min.js



jQuery(function( $ ){

var $sections = $('#navigation a'),// Links on the left
last = null;// Last section

$sections.click(function(){
if( last != this ){ // let's avoid needless requests
var url = 'html/' + this.hash.slice(1) + '.html';
$('#content').html( '<p class="loading">Loading...</p>' ).load( url, function(){$(this).hide().fadeIn('slow');})
this.scrollLeft = 0;//scroll back to the left


});
}
last = this;
this.blur(); // Remove the awful outline
return false;
});

$sections.eq(0).click(); // Load the first section


});

[knight2007]

se qualcuno ha un altro metodo..accetto qualsiasi codice..

[Xinod]

se controllassi la console capiresti di aver incollato a caso!

e se postassi codice formattato salterebbe pure piu' facilmente all' occhio

jQuery(function( $ ){
	var $sections = $('#navigation a'),// Links on the left
	last = null;// Last section

	$sections.click(function(){
		if( last != this ){ // let's avoid needless requests
			var url = 'html/' + this.hash.slice(1) + '.html';
			$('#content').html( '<p class="loading">Loading...</p>' )
			.load( url, function(){
				$(this).hide().fadeIn('slow');
				this.scrollLeft = 0;//scroll back to the left
			})

		}
		last = this;
		this.blur(); // Remove the awful outline
		return false;
	});

	$sections.eq(0).click(); // Load the first section


});

[knight2007]

caspita...non voglio essere un rompi..mah...xinod, scusa..
non riesco ad uscirne..


ho messo online l'esempio..

link---> demo