prob con on onmaushover & out

[beipink]

ho una serie di immagini piccole che al passaggio del maus aprono quella + grande.
esempio:
<A href="#" onmouseover="photo.src='./grande_1.jpg';window.status='load photo'" onmouseout="photo.src='maschera.gif';window.status =''">
[img]./piccola_1.gif[/img]</A>

le immagini vengono aperte qui al posto di 'maschera.gif'...

<td valign="top">

<div align="center">
[img]maschera.gif[/img]
</div></td>

in questo modo di default ho sempre una foto statica(in questo caso è 'maschera.gif'), al posto della foto vorrei mettere del codice html di default. Secondo me, si dovrebbe agire sul codice onmoushover etc. che invece di aprire la foto nel tag <img> la apre in quello <div> o <td> da me specificato!!!

Spero esista un modo per fare una cosa così la voglio fare io, altrimenti conosco già il sistema con i livelli!!


grazie
kirk

[rebelia]

Originariamente inviato da beipink
ho una serie di immagini piccole che al passaggio del maus aprono quella + grande.
esempio:
<A href="#" onmouseover="photo.src='./grande_1.jpg';window.status='load photo'" onmouseout="photo.src='maschera.gif';window.status =''">
[img]./piccola_1.gif[/img]</A>

le immagini vengono aperte qui al posto di 'maschera.gif'...

<td valign="top">

<div align="center">
[img]maschera.gif[/img]
</div></td>

in questo modo di default ho sempre una foto statica(in questo caso è 'maschera.gif'), al posto della foto vorrei mettere del codice html di default. Secondo me, si dovrebbe agire sul codice onmoushover etc. che invece di aprire la foto nel tag <img> la apre in quello <div> o <td> da me specificato!!!

Spero esista un modo per fare una cosa così la voglio fare io, altrimenti conosco già il sistema con i livelli!!


grazie
kirk

ehm... eh?

beh, puoi cambiare ad esempio la classe dell'elemento su cui ti trovi :master:

magari se spieghi il modo che conosco, potremmo capire meglio se nn altro cosa escludere, nn credi?

[beipink]

come faccio a cambiare la classe.....

se provi quel piccolo codice che ho dato capisci cosa voglio dire...

Ciao

[rebelia]

Originariamente inviato da beipink
come faccio a cambiare la classe.....

se provi quel piccolo codice che ho dato capisci cosa voglio dire...

Ciao

<style>
.verde {background: #00FF00;}
.blu {background: #0000FF;}
.rosso {background-image: url(fioccorosso.jpg);}
</style>

<td class="verde" onmouseover="this.className='blu'" onmouseout="this.className='rosso'">

[beipink]

ora provo poi ti faccio sapere...
grazie
kirk

[beipink]

Originariamente inviato da rebelia

<style>
.verde {background: #00FF00;}
.blu {background: #0000FF;}
.rosso {background-image: url(fioccorosso.jpg);}
</style>

<td class="verde" onmouseover="this.className='blu'" onmouseout="this.className='rosso'">

ho guardato il codice meglio off line...questo non mi risolve il problema!!

Senza rispiegare tutto....a questo url sulla sinistra ci sono delle piccole immagini.....prova a passarci su con il maus e vedi che si aprono dove c'è un'altra immagine....io vorrei sostituire quella immagine di default condel codice html o altro .....

onmouseover="window.status='load photo'" nella thumb carica la foto al posto => [img]maschera.gif[/img] io al posto di questa foto vorrei metterci per esempio un <div name='photo'></div> o magari un <td name='photo'></td>
Spero di essere stato + chiaro!!

Grazie
kirk

[rebelia]

crei un div contenente tutto quello che vuoi metterci, immagini codice o qualsiasi cosa e gli dai l'attributo display: none; poi con onmouseover/onmouseout gli cambi la classe e gli dai l'attributo display: block;

questo lo fara' "apparire" e "scomparire" senza provocare ingombro quando e' inattivo

[beipink]

yeahh...
spero di aver capito bene come fare...
ora mi metto e lo faccio
Ciao e grazie mille
kirk

[rebelia]

Originariamente inviato da beipink
yeahh...
spero di aver capito bene come fare...
ora mi metto e lo faccio
Ciao e grazie mille
kirk

prego

buon lavoro

[beipink]

Ci siamo quasi... però manca ancora qualcosa....
se hai visto l'esempio che ho postato sopra, si tratta di passare con il maus in un'altro posto non dove appare l'immagine...quello che non riesco a fare è proprio questo: collegare le due cose, cioè passo su un'immagine e il cambiamento avviene in un'altro posto!!

grazie mille
kirk