Problema immagine rollover joomla 2.5.9

[Jarkheld]

Ciao a tutti,
volevo sottoporvi un problema che ho riscontrato in joomla 2.5.9 riguardante le immagini "alternative" ( on mouse over, e on mouse out):

-per avere due immagini affiancate ho creato una tabella del genere, inserendola in un modulo "custom HTML":


<table border="0">
<tbody>
<tr>
<td><img src="images/Filo.png" border="0" width="100%" /></td>
<td><a href="index.php?option=com_k2&amp;view=item&amp;layout=item&amp;id=10"><img src="images/inutile.png" border="0" width="95%" />[/url]</td>
</tr>
</tbody>
</table>

volendo successivamente impostare un'immagine rollover sopra una delle due inserite nella tabella (nello specifico sopra questa: "images/inutile.png") , ho provato, anche tramite l'editor TinyMCE, a rimpiazzare la tabella con una come la seguente:


<table border="0">
<tbody>
<tr>
<td><img src="images/Filo.png" border="0" width="100%" /></td>
<td><a href="index.php?option=com_k2&amp;view=item&amp;layout=item&amp;id=10"><img src="images/inutile.png" border="0" width="95%" onmouseover="this.src='images/needless.png';" onmouseout="this.src='images/inutile.png';" />[/url]</td>
</tr>
</tbody>
</table>

tutto sembra andare come previsto all'interno della preview dell'editor del modulo, ma non appena clicco "save" o "save and close" mi cancella gli  attributi "onmouseover" e "onmouseoute" riportando la tabella a quella originaria senza si suddetti comandi. Ho provato ad abilitare/disabilitare l'editor ed a togliere l'opzione "prepare content" ma il risultato è stato sempre lo stesso Qualcuno ha idee su cosa possa fare per risolverlo?

grazie a tutti in anticipo!

[Giuseppe63]

Ciao Jarkheld,
posso consigliarti una procedura più semplice, almeno per quanto riguarda la sostituzione di immagine.
Definendo le due immagini in 1 e 2, diverse tra loro, si può procedere come segue.


All'interno del modulo Html personalizzato, o dell'articolo, inseriamo la prima immagine (1), una volta inserita la selezioniamo e con l'icona di gestione immagini ( quella con l'albero ) presente nell'editor, selezioniamo la possibilità di sostituire l'immagine quando il mouse vi passa sopra ( immagine 2 ).


Normalmente è sufficiente fare questo per ottenere un effetto di "popup" senza cambiare l'aspetto alla pagina e senza aggiungere finestre.


Saluti

[Jarkheld]

Ciao Jarkheld,
posso consigliarti una procedura più semplice, almeno per quanto riguarda la sostituzione di immagine.
Definendo le due immagini in 1 e 2, diverse tra loro, si può procedere come segue.


All'interno del modulo Html personalizzato, o dell'articolo, inseriamo la prima immagine (1), una volta inserita la selezioniamo e con l'icona di gestione immagini ( quella con l'albero ) presente nell'editor, selezioniamo la possibilità di sostituire l'immagine quando il mouse vi passa sopra ( immagine 2 ).


Normalmente è sufficiente fare questo per ottenere un effetto di "popup" senza cambiare l'aspetto alla pagina e senza aggiungere finestre.


Saluti

Ciao Giuseppe,


il procedimento che seguo di solito è quello previsto da joomla:


-la tabella con le due immagini affiancate di default (a livello di codice è la prima tabella del post precedente) si presenta così:









per impostare l'immagine alternativa procedo utilizzando lo strumento immagine dell'editor sulla 2nda foto della tabella, impostandolo nel modo che segue:





il risultato almeno in anteprima sembra andare:







ma non appena provo a salvare cancella tutto quanto fatto sopra riportando la tabella a quella originale


era questo il metodo che volevi intendere?


grazie!

[Giuseppe63]

Sì la procedura è questa.
Prova a vedere negli attributi delle immagini ( sesta icona dell'ultima riga, partendo da destra ), dovresti trovare nella finestra eventi il comando di scambio immagini con la dicitura : this.src='images/........ nelle voci onmouseover e onmouseout.


Il procedimento nidificato in una tabella, non so se funziona.

[Jarkheld]

Sì la procedura è questa.
Prova a vedere negli attributi delle immagini ( sesta icona dell'ultima riga, partendo da destra ), dovresti trovare nella finestra eventi il comando di scambio immagini con la dicitura : this.src='images/........ nelle voci onmouseover e onmouseout.


Il procedimento nidificato in una tabella, non so se funziona.

infatti credo che alla fine il problema sia quello....dato che anche con gli eventi impostati così:







da esattamente lo stesso problema....ossia al salvataggio resetta i comandi e la riporta alla tabella di defualt.


A questo punto pensavo per risolvere o di dividere le due immagini in 2 moduli differenti e settarli rispettivamente float left e right clear both oppure a dare un'id ad una delle 2 celle della tabella ed agire tramite css....consigli?

[Giuseppe63]

Ho copiato il tuo codice in una pagina del mio sito, ho inserito le immagini presenti nel mio DB e funziona.


Per l'inserimento ho semplicemente tolto l'editor e ho inserito il codice come html, fatto il salvataggio e non mi da problemi.


Questo il link alla pagina

[Jarkheld]

ho dato un'occhiata al tuo sito ed a questo punto non saprei proprio più che fare, avevo già provato a disabilitare l'editor (che mi ha dato più di un problema in passato...) ed ad incollare il codice ma senza successo.
Come ulteriore tentativo ho provato a careare un nuovo modulo custom html da 0 con l'editor disattivato e ad incollare direttamente il codice con gli eventi ma il risultato è stato esattamente lo stesso....non appena salvo il modulo riporta la tabella base:



<table border="0">
<tbody>
<tr>
<td><img src="images/Filo.png" border="0" width="100%" /></td>
<td><a href="index.php?option=com_k2&amp;view=item&amp;layout=item&amp;id=10"><img src="images/inutile.png" border="0" alt="inutil" title="inutil" width="100%" height="auto" /></td>
</tr>
</tbody>
</table>




ovviamente grazie mille per il tempo speso!


ps: non so se può essere utile ma il tp di base che da cui sono partito è questo: [size=78%]http://demo.bowthemes.com/bt-ecommerce/[/size]