Newsgroup: it.comp.www.html
Titolo: comme fare immagine + scritta

Ciao
Vorrei mettere su una pagina html un immagine jpg, quando ci passo sopra con
il mouse vorrei che sparisse l'immagine e comparisse una scritta (o un'altra
immagine), nello spostare il mouse dovrebbe tornare l'immagine iniziale.
E' un effetto che trovo spesso, ma non riesco a realizzarlo.
Grazie
MAssimo

 wrote in message
89ihpn$pog$1...@fe1.cs.interbusiness.it...


Un rollover. Fai due immagini, una con il jpg che già hai, l'altra con il
testo.
L'importante è che le due img siano grandi uguali. Cerca il codice come
Javascript su
www.html.it
www.risorse.net


 E' un effetto che trovo spesso, ma non riesco a realizzarlo.
Io ho sempre fatto così:
************************************************
<script language="javascript">
<!--
// rollover script
if (document.images) {
        var pippo = new Image(); pippo.src = "pippo1.gif";
        var pipporoll = new Image(); pipporoll.src = "pippo2.gif";
}
function turnOn(imgName) {
        if (document.images) document[imgName].src =
        eval(imgName + 'roll' + '.src');
}
function turnOff(imgName) {
        if (document.images) document[imgName].src =
        eval(imgName + '.src');
}
// -->
</script>
************************************************
Richiamando tutto così:
************************************************
<a href="documento.htm"
onmouseout="turnOff('pippo')"
onmouseover="turnOn('pippo')">
<IMG src="pippo1.gif" border="0" name="pippo"></a>
************************************************
Ma, a quanto pare, si può fare in mille altri modi fra cui questo (che mi
sembra più veloce):
*******************************
<a href="documento.htm"
onmouseover="document.images[0].src='pippo2.gif'"
onmouseout="document.images[0].src='pippo1.gif'">
<IMG src="pippo1.gif" border="0"></a>
*******************************
Ciao
Antòfa
@727 beats

E' un effetto che trovo spesso, ma non riesco a realizzarlo.
puoi farlo col rollover, se usi dreamweaver te lo fa automaticamente, 
se vai sull'indice della mia HP lo trovi.
-
Ciao
Ghost Rider
'If there is a Hell
I'm sure this is how it smell'
http://digilander.iol.it/DanjChicca

*******************************
Utilizzando questo secondo metodo come si fa a fare il
pre-load delle immagini ?
-- 
==--Don't Fear the Penguins--==

Prova con questa funzione: fa il preload e lo swap:
lo script viene messo prima di body, il link che segue invece nella tua
pagina.
___________________________
<script language="JavaScript">
{
graphic1= new Image();
graphic1.src = "imm/item1.jpg";
graphic1on = new Image();
graphic1on.src = "imm/item1g.jpg";
}
function imageChange(imageID2,imageName2)
{
{
document.images[imageID2].src = eval(imageName2 + ".src");
}
}
</script>
------------------------------
<body bgcolor=.........>
dentro il body metti il tuo link come segue:
<a href="ind_novita.htm"><img src="imm/item1.jpg" width="272" height="31"
border="0" name="uno" ONMOUSEOVER="imageChange('uno','graphic1on')"
ONMOUSEOUT="imageChange('uno','graphic1')"></a>
--
CIAO,
Marco
                            ' ' '
                          (o o)
+----+-----oOOO--(_)-------+-----------+----------------------
|    ##################################
|                  webmaster di JUSTBANNER
|    #      """""""""""""""""""""""""""""""
|    #    
http://asp4free.ravenna2000.it/rachele
|    #         circuito di scambio banner 1 ad 1
|    #              ISCRIVITI! E' 100% gratis
|    #       """"""""""""""""""""""""""""""""
|    ################################
+-------+---------+------oOOO----------+-------+-------
                       |__|__|
                        | |   | |
                      ooO  Ooo
---------------------------------------------------------------------------
Auran ha scritto nel messaggio ...
