img con sfondo trasparente

**gluca80** · 23-05-2004, 19:03

Ciao,
avrei bisogno di un aiutone...anzi di due

1- devo far si che su questa pagina quando cìè l'effetto onmouseover cambi anche il colore interno del logo in alto. Non riesco a creare un'img con lo sfondo trasparente...come si fa?

2- vorrei limitare l'effetto onmouse over (sempre sulla stessa pagina) alla tabella centrale (adesso mi cambia lo sfodo di tutta la pagina) coma posso fare?

ultima cosa: è possibile associare all'effetto onmouseover un'immagine e non un colore?

grazie a chi saprà darmi una mano....

**mao72** · 24-05-2004, 08:59

Per l'immagine con il fondo trasparente non è un grosso problema realizzarla, dipende da quale programma usi, l'unico inconveniente è il testo in corsivo inglese che si trova sotto il logo, penso che risulterà un pò difficile ottenere una gif senza sfondo con quel genere di font

**mortara** · 24-05-2004, 11:59

Ciao,

per l'immagine con fondo trasparente concordo con mao72, l'unico problema lo può dare quella scrittina in corsivo...prova.
Magari salvala poi in png 16 invece che gif, pesa un po' di più ma tiene meglio la trasparenza.

Per quanto riguarda il resto puoi far cambiare solo la tabella che ti interessa assegnandole un id (ad esempio pippo) e modificando il javascript sostituendo "document.bgColor" con "pippo.bgColor".

Per far cmbiare immagini e non colori bisogna modificare il javascript sostituendo il bgColor con background, segnalando dopo il percorso delle immagini

Ad esempio:

if (colorname=='b') {pippo.background='images/Esempio.jpg';}

Spero di esserti stato utile

BYE BYE

**gluca80** · 24-05-2004, 12:05

utilissimo, grazie 1000
un ultima cosa: vogli assegnare l'onmoouseover a una cella di una tabella.
Mi hanno consigliao di inserire
<td onMouseOver="change_color('r');">

ma non funziona...

**mortara** · 24-05-2004, 12:10

deve funzionare, ho provato ora e funziona.
Magari controlla bene di non aver dimenticato punti, puntini o virgolette.

BYE BYE

**gluca80** · 24-05-2004, 12:26

com'è che qui non mi funziona??

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Documento senza titolo</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>

<body>
<table width="100" border="0" cellspacing="0" cellpadding="0">
<tr>
<td onMouseOver="change_color('#17a5e1');"></td>
</tr>
<tr>
<td></td>
</tr>
<tr>
<td></td>
</tr>
</table>
</body>
</html>

**mortara** · 24-05-2004, 12:39

non hai inserito la funzione javascript nell'head, la richiami ma non l'hai definita!

Sempre all'erta!!! :di56:

**cyberman** · 24-05-2004, 12:44

visto che sta discussione ha poco di grafico sposto su html

in caso puoi aprirne un'altra su grafica più specifica sul roblema dell'immagine

**gluca80** · 24-05-2004, 14:29

domanda idiota: come la inserisco nell'head?

**mortara** · 24-05-2004, 14:55

Come l'avevi già inserita nella tua pagina dove cambiava colore tutto.

Inserisci il codice javascript del rollover (compreso tra i tag <script> e </script>) nell'html trai tag <head> e </head>.

Per maggior chiarezza ti stampo qui sotto il tuo codice html in cui mi sono permesso di modificare il fatto del cambio colore solo sulla tabella.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>R360 - The Rome Navigator</title>
<META NAME="keyword" CONTENT="r360, roma, turismo, itinerari roma, ">

<script language="Javascript">

function change_color(colorname)
{

if (colorname=='b') {pippo.bgColor='#17a5e1';}
if (colorname=='v') {pippo.bgColor='#b7d45c';}
if (colorname=='r') {pippo.bgColor='#ef7e86';}
if (colorname=='v_s') {pippo.bgColor='#01872f';}
if (colorname=='a') {pippo.bgColor='#ed9406';}
if (colorname=='g') {pippo.bgColor='#f4cf00';}
if (colorname=='f') {pippo.bgColor='#e4007b';}
if (colorname=='viola') {pippo.bgColor='#b870a7';}

}

</script>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="css/all.css" rel="stylesheet" type="text/css">

</head>
<body>
<table width="760" border="0" align="center" cellpadding="0" cellspacing="0" id="pippo">
<tr>
<td><table width="760" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="7">[img]img/spacer.gif[/img]</td>
</tr>
<tr>
<td height="9">[img]img/spacer.gif[/img]</td>
</tr>
<tr>
<td height="21"><div align="center">[img]/img/logo.gif[/img]</div></td>
</tr>
<tr>
<td height="113">[img]img/spacer.gif[/img]</td>
</tr>
<tr>
<td><table width="160" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="40">[img]img/spacer.gif[/img]</td>
<td a class="menu" width="120"><a href="progetto/index.htm" onMouseOver="change_color('b');">progetto
editoriale</a></td>
</tr>
<tr>
<td width="40">[img]img/spacer.gif[/img]</td>
<td a class="menu">la redazione</td>
</tr>
<tr>
<td width="40">[img]img/spacer.gif[/img]</td>
<td a class="menu">ultimo numero</td>
</tr>
<tr>
<td width="40">[img]img/spacer.gif[/img]</td>
<td a class="menu">archivio</td>
</tr>
<tr>
<td>[img]img/spacer.gif[/img]</td>
<td a class="menu">the navigator</td>
</tr>
<tr>
<td width="40">[img]img/spacer.gif[/img]</td>
<td a class="menu">mappe</td>
</tr>
</table>
</td>
</tr>
<tr>
<td>[img]img/spacer.gif[/img]</td>
</tr>
<tr>
<td><table width="160" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="40">[img]img/spacer.gif[/img]</td>
<td a class="menu">newsletter</td>
</tr>
<tr>
<td width="40">[img]img/spacer.gif[/img]</td>
<td a class="menu" width="135"><a href="commenti/index.htm" onMouseOver="change_color('viola');">i
tuoi commenti</a></td>
</tr>
</table></td>
</tr>
<tr>
<td>[img]img/spacer.gif[/img]</td>
</tr>
<tr>
<td height="9">[img]img/spacer.gif[/img]</td>
</tr>
<tr>
<td height="7">[img]img/spacer.gif[/img]</td>
</tr>
</table></td>
</tr>
</table>
</body>
</html>

La parte di sostituire il cambio colore con il cambio immagini è meglio se la fai tu così linky direttamente le immagini giuste.

Spero di essere stato chiaro

BYE BYE

Discussione: img con sfondo trasparente

Strumenti discussione

Ricerca discussione

Visualizza

img con sfondo trasparente

quanti belli colori

funzia

semplice!

HEAD

Permessi di invio