se usi un elemento fisso nella funzione è naturale che l'effetto venga applicato sempre e solo ad un elemento (e un id deve essere unico in pagina).
Inoltre potresti usare un css o dovrai ripetere lo stile per ciascuna immagine. Così come potresti usare la funzione each di mootools per definire, al DomReady, le funzioni onmouseover/out per tutte le immagini.
Inoltre Fx.Style diventerà Fx.Tween nella prossima release di mootools, ad ogni modo se usi Mootools 1.1 o 1.2.b2 in compatibilità backward va ancora bene
codice:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="it" xml:lang="it"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>xhtml 1.0</title> <script type="text/javascript" src="mootools-beta-1.2b2.js"> </script> <style type="text/css"> a img { filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5; border: 0; } </style> <script type="text/javascript"> window.addEvent('domready', function() { $$('a img').each(function(img) { img.onmouseover = function() { new Fx.Tween(this, 'opacity', {duration: 500 }).start(0.5,1); }; img.onmouseout = function() { new Fx.Tween(this, 'opacity', {duration: 500 }).start(1, 0.5); }; }); }); </script> </head> <body> [img]Export.jpg[/img] [img]manu.jpg[/img] </body> </html>
Più ordinato e meno ridondante no?
Ciao

Rispondi quotando