Newsgroup: it.comp.www
Titolo: bottoni animati - come?

Qualcuno saprebbe suggerirmi dove rimediare uno script che consenta di
mettere dei bottoni animati (quando ci vai sopra cambia l'immagine..la
funzione onmouse over per intenderci).
Grazie.
--> Fabio
->
http://www.geocities.com/TimesSquare/8708
N.B. Il mio indirizzo e' stato alterato appositamente 
per evitare lo spamming.



eccoti la spigazione:
Bottoni cliccabili animati
I bottoni cliccabili animati (di cui e' fatto largo in queste pagine)
sono un ottimo strumento per migliorare graficamente i propri siti,
rendendoli piu' dinamici ed accattivanti.
Cercheremo, di seguito, di spiegare la procedura per creare tali
effetti. 
Creiamo due immagini di nome "link_3a.gif" e "link_3b.gif". Le
immagini devono essere di identica altezza e larghezza. "link_3a.gif"
e' quella visualizzata di default, quando il cursore del mouse non la
sfiora; "link_3b.gif" e', invece, l'immagine che viene visualizzata
quando il cursore del mouse vi passa sopra.
Ecco di seguito le due immagini create (110x30 pixels):
Create le due immagini e' necessario inserire codice javascript
all'interno del documento da associare alle due immagini stesse.
La prima parte del codice javascript va inserita tra i tag
<HEAD></HEAD>
Ecco il codice:
<HEAD>
<SCRIPT LANGUAGE = "JavaScript">
<!--
window.onerror=null;
browserName = navigator.appName;
browserVer = parseInt(navigator.appVersion);
	if(browserName=="Netscape" && browserVer >= 3) ver = "yes";
	else ver = "yes";
	if(ver == "yes") {
	nome1 = new Image(); nome1.src ="link_3a.gif";
	nome2 = new Image(); nome2.src ="link_3b.gif";
	}
function active(imgName)
{
	if (ver == "yes")  {
	img1 = eval(imgName + "1.src");
	document [imgName].src = img1;
	}}
function inactive(imgName){
	if (ver == "yes")  {
	img2 = eval(imgName + "2.src");
	document [imgName].src = img2;
	}}
// -->
</SCRIPT>
</HEAD>
La seconda parte dello script va inserita tra i tag <BODY></BODY>,
quindi all'interno del documento la' dove intendiamo posizionare
l'immagine cliccabile.
Il codice da inserire e' il seguente: 
<A HREF="java34.htm"  onMouseover =
"inactive('nome');window.status='Qui puoi inserire testo che appare
nella barra inferiore del tuo browser'" onMouseout = "active('nome')">
<IMG NAME="nome" SRC="link_3a.gif" ALT="Clicca qui"  width=110
height=30 border=0 hspace=15>
</A>
"nome" e' un attributo molto importante, in quanto e' quello che lo
script assegna alle immagini (non e', pero', il nome del file, che
come sappiamo e' "link_3a.gif). 
Ciao,
Michele Ferretti
 
 
 
 
 
 
 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Michele Ferretti
posta elettronica:
mailto:
hn...@tin.it
Home Page:
http://www.angelfire.com/mi/HomeMichele/index.html
"La paranoia non è altro che una forma
 di consapevolezza;e la consapevolezza 
 non è altro che una forma d'amore."
                    ~Charles Manson~

eccoti la spigazione:
ti ringrazio molto ma mi pare di capire che questo script consente di
mettere un solo bottone animato visto che nella parte generale si
specifica di richiamare sempre la stessa immagine..se pero' io voglio
mettere piu' di un bottone animato (ad esempio in un frame) come
faccio?




č molto semplice, devi ripetere questo pezzo qui sotto tante volte per
ogni pulsante,ricordati di cambiare il nome (nome1)
nome1 = new Image(); nome1.src ="home-ani.gif";
nome2 = new Image(); nome2.src ="palla.gif";
Se per esempio devi fare due pulsanti, uno per i links e uno per
tornare alla home pege devi fare cosě:
link1 = new Image(); link1.src ="link_a.gif";
link2 = new Image(); link2.src ="link_b.gif";
home1 = new Image(); home1.src ="home_a.gif";
home2 = new Image(); home2.src ="home_b.gif";
Per richiamare la funzione devi soltanto copiare tante volte quante
sono i pulsanti il collegamento qui sotto:
<A HREF="link.htm"  onMouseover =
"inactive('link');window.status='Qui puoi inserire testo che appare
nella barra inferiore del tuo browser'" onMouseout = "active('link')">
<IMG NAME="link" SRC="link_a.gif" ALT="Clicca qui"  width=110
height=30 border=0 hspace=15>
e
<A HREF="home.htm"  onMouseover =
"inactive('home');window.status='Qui puoi inserire testo che appare
nella barra inferiore del tuo browser'" onMouseout = "active('home')">
<IMG NAME="home" SRC="home_a.gif" ALT="Clicca qui"  width=110
height=30 border=0 hspace=15>
Questo č tutto,
Buon lavoro !! :-))))
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Michele Ferretti
posta elettronica:
mailto:
hn...@tin.it
Home Page:
http://www.angelfire.com/mi/HomeMichele/index.html
"La paranoia non č altro che una forma
 di consapevolezza;e la consapevolezza 
 non č altro che una forma d'amore."
                    ~Charles Manson~

On Sun, 03 May 1998 07:56:24 GMT, 
f.cip...@poboxes.com
 (Fabio C.)
