Script fade che cambia al click

[theziocloud]

Ciao ragazzi.

Ho trovato su internet uno codice javascript che cambia il fade di un'immagine.

//Effetto fade applicato alle foto$(function() {
// Opacità delle immagini impostate al 50%
$(".foto_fade").css("opacity","1.");
		
// Al passaggio del mouse
$(".foto_fade").hover(function () {
										  
// imposta l'opacità al 100%
$(this).stop().animate({
opacity: 0.5
}, "slow");
},
		
// quando il mouse non è sull'elemento
function () {
			
// imposta l'opacità al 50%
$(this).stop().animate({
opacity: 1.0
}, "slow");
});
});

Avrei bisogno di un aiuto per aggiungere una porzione di codice che al click porti il fade a 0% e appena il click finisce torna ai parametri del mouse sull'immagine o ai parametri del mouse fuori dall'immagine a seconda della posizione del mouse.

Vi lascio il link dove poter scaricare il resto del codice: http://www.fedeweb.net/tutorial-jquery-fade-hover/

[cavicchiandrea]

definisci (per te) appena il click finisce dato che non mi risulta che l'evento click abbia un inizio e una fine

[theziocloud]

Per farti capire ti rimando al famoso gioco cookie clicker: http://orteil.dashnet.org/experiments/cookie/

come potrai vedere l'immagine centrale se cliccata cambierà colore fino a quando non si rilascia il tasto sinistro del mouse. Ho già controllato il source code di quella pagina ma quando provo a ricrearlo non funziona.

[cavicchiandrea]

Nel esempio javascript non è chiamato in causa e solo css:

#cookie {
    background: url("cookie.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
    cursor: pointer;
    height: 128px;
    left: -64px;
    position: absolute;
    width: 128px;


}

#cookie:hover {
    background-position: -128px center;


}

#cookie:active {

    background-position: -256px center;



}

active che sposta l'immagine (l'ultima)

[theziocloud]

Grazie mille per l'aiuto!

Un'altra cosa che non capisco di quello script è come funziona il commento in alto che cambia a seconda del numero di cookie che hai;

	var str='';	if (Cookies<5) str='You feel like making cookies.<br>But nobody wants to eat your cookies.';
	else if (Cookies<25) str='Your cookies are popular<br>with your dog.';
	else if (Cookies<50) str='Your cookies are popular<br>with your family.';
	else if (Cookies<100) str='Your cookies are popular<br>in the neighborhood.';
	else if (Cookies<500) str='Your cookies are renowned<br>in the whole town!';
	else if (Cookies<2000) str='Your cookies are worth<br>a lot of money.';
	else if (Cookies<5000) str='Your cookies bring<br>all the boys to the yard.';
	else if (Cookies<10000) str='People come from very far away<br>to get a taste of your cookies.';
	else if (Cookies<17000) str='Kings and queens from all over the world<br>are enjoying your cookies.';
	else if (Cookies<30000) str='Your cookies have been named<br>a part of the world wonders.';
	else if (Cookies<60000) str='Your cookies have been placed<br>under government surveillance.';
	else if (Cookies<100000) str='The whole planet is<br>enjoying your cookies!';
	else if (Cookies<150000) str='Creatures from neighboring planets<br>wish to try your cookies.';
	else if (Cookies<250000) str='Elder gods from the whole cosmos<br>have awoken to taste your cookies.';
	else if (Cookies<400000) str='Your cookies have achieved sentience.';
	else if (Cookies<1000000) str='The universe has now turned into<br>cookie dough, to the molecular level.';
	else if (Cookies<1000000000) str='A local news station runs<br>a 10-minute segment about your cookies. Success!<br><span style="font-size:50%;">(you win a cookie)</span>';
	else str='it\'s time to stop playing<br><span style="font-size:50%;">(more fun milestones in the next update I promise)</span>';
	l('comment').innerHTML=str;

Oltre ad aver dichiarato la variabile Cookies; per far comparire la scritta devo scrivere nell'html il testo comment che verrà sostituito con il valore str?? saresti così gentile da farmi un esempio?

[cavicchiandrea]

Grazie mille per l'aiuto!

Un'altra cosa che non capisco di quello script è come funziona il commento in alto che cambia a seconda del numero di cookie che hai;
...
Oltre ad aver dichiarato la variabile Cookies; per far comparire la scritta devo scrivere nell'html il testo comment che verrà sostituito con il valore str?? saresti così gentile da farmi un esempio?

Cliccando sulla torta incrementi un contatore (in alto a sinistra) questo dato viene salvato in una partizione (detta cookie per capire come funzionano i cookie leggi qui) del browser al successiva vista da parte del utente viene letto questo cookie.
Il blocco di codice postato fa dei confronti con il contatore e restituisce un messaggio.
Le esempi richiedono tempo (e voglia) inizia con lo studiarti la mini guida, poi vediamo.