stesso effetto a piu immagini...

[stemaweb]

Buongiorno, dovrei realizzare una sorta di rollover su immagini, l'unica particolarità è che, su ogni immagine deve esserci lo stesso effetto di rollover.
dare l'interpolazione ad ogni singola immagine porterebbe via troppo tempo, calcolando che sono piu di 300 immagini, quindi cercavo in questo forum suggerimenti per una scorciatoia tramite actio script.

l'effetto è: partire con alpha 10, ed al momento del rollover l'alpha diventa 100 ,ritornando poi nella posizione iniziale .

spero di essere stato il più chiaro possibile
rimango in attesa di una vostra cordiale risposta.

Max

[pasavign]

Ecco un metodo...
1) trasformi le immagini in movieclip. Basta selezionarle ad una ad una, premere F8 e scegliere, come tipo: movieclip;
2) dopo averle trasformate in movieclip assegni loro, dal pannello delle proprietà, un nome istanza "progressivo", p.es. "btn1", "btn2", "btn3" e così via.
3) sul primo frame della timeline metti questo codice:

max = 5;     // qui metti il numero totale di immagini
MovieClip.prototype.fade = function (fadein, q) { 
	this.onEnterFrame = function () { 
		if (fadein) {
			if (this._alpha >= 99) {
				this._alpha = 100;
				delete this.onEnterFrame;
			} else {
				this._alpha +=q;
			}
		} else {
			if (this._alpha <= 40) {
				this._alpha = 40;
				delete this.onEnterFrame;
			} else {
				this._alpha -=q;
			}
		}
	}
}
//
for (i=1; i<=max; i++) {
	pulsa = "btn"+i;
	this[pulsa]._alpha = 40;
	this[pulsa].onRollOver = function() {
		this.fade(true, 7);
	}
	this[pulsa].onRollOut = function() {
		this.fade(false, 1.5);
	}
}

Provalo!

[stemaweb]

grazie per la risposta Paolo,
mi metto al lavoro e ti faccio sapere


Max

[stemaweb]

già fatto. grazie mille, ma per rendere la dissolvenza piu veloce al momento del roll over quali valori devo cambiare?
e......devo sostituire il valore max= 5?? a seconda del numero delle immagini che inserisco.


grazie 100000000000

Max

[pasavign]

hai 20 foto? allora...
max = 20;

ne hai 75? allora...
max = 75;

Per controllare la velocità del FADE-IN/FADE-OUT
devi impostare adeguatamente il secondo parametro con cui richiami il prototipo.

this.fade(true-false, num);

dove:
true = Fade-IN
false = Fade-OUT

num inserire un valore numerico:
più alto il numero più veloce l'effetto
più basso il numero più lento l'effetto

[stemaweb]

grazie mille.

ti faro' sapere appena modifico!

Max

[pasavign]

OK

[stemaweb]

Eccomi paolo, ti ringrazio per l'aiuto che mi stai dando!
ho provato anche cambiando i valori, ora però per completare l'opera e qui sono andato nel pallone più totale , vorrei realizzare quanto discusso in questo topic

http://forum.html.it/forum/showthrea...readid=1066428 quindi unire il tutto.

ho provato il codice di nillio per creare quel tipo di galleria e tutto funzione, se se volessi unire sia le tue istruzioni con le sue? c'ho provato ma niente.

in pratica vorrei unire la tua dissolvenza di tante foto, con il codice suggerito da nillio per far si che ad ogni rollover ci sia una dissolvenza sull'immagine piccola ed ad ogni click l'immagine si ingrandisce!!

aspetto fiducioso.... VVoVe:

Grazie
Max

[pasavign]

Il codice di nillio che vorresti utilizzare è questo?

Originariamente inviato da nillio

Crei un livello e ci importi tutte le immagini, una per frame (keyframe ovviamente)
Su ogni frame metti uno stop, e dai un'etichetta nel pannello proprietà
Selezioni tutte le immagini, una alla volta, F8 > movieclip.

Riselezioni tutti i mc, uno alla volta, e nelle azioni degli stessi metti:

onClipEvent(load){
_alpha=0;
}

onClipEvent(enterFrame){
_alpha+=10;
}


Sulle miniature-pulsanti:
on(release){
_root.gotoAndStop("etichetta");
}
Dove l'etichetta sarà quella del frame dove c'è il clip grande.

Se è questo il codice che vorresti integrare, allora:
1) elimina quanto ho evidenziato in rosso qui sopra.
2) le etichette che contraddistinguono le foto GRANDI dovranno essere di tipo "progressivo" come i nomi istanza dei pulsanti, p.es. "etic_btn1", "etic_btn2", "etic_btn3" ecc ecc.
3) implementa il mio codice in questa maniera:

...
//
for (i=1; i<=max; i++) {
	pulsa = "btn"+i;
	this[pulsa]._alpha = 40;
	this[pulsa].onRollOver = function() {
		this.fade(true, 7);
	}
	this[pulsa].onRollOut = function() {
		this.fade(false, 1.5);
	}
	this[pulsa].onRelease = function() {
                          etichetta = "etic_"+this._name;
		_root.gotoAndStop(etichetta);
	}
}

[stemaweb]

Grazie tante paolo,con il tuo aiuto(ed il sorgente di lillio) sono riuscito ad ottenere quello che volevo.
pero' una curiosità il .fla a me funziona lasciando il codice da te evidenziato in rosso, strano non trovi?
ho compilato nel tuo sito un form dove appunto chiedevo di mandarti per email il sorgente sempre se avevi due minuti.

Grazie
Max