Link immagine di rollover 
Author: Alex D.Salve a tutti, nel mio sito prova ho inserito 3 immagini nel piè di pagina:
http://alexdrugo.altervista.org/foto.html
Passando il mouse sull'immagine al centro ("foto") c'è l'effetto che ho ottenuto con l'immagine di rollover e il link alla pagina foto. Vorrei sapere se è possibile fare in modo che una volta cliccato sul link che manda alla pag "foto", l'immagine sotto al centro rimanga visualizzata con l'effetto che le ho dato (solo in questa pagina), e lo stesso vorrei fare con "video".
Per capirci, ho creato una img "foto1.jpg" con un albero + scritta foto, poi una img "foto2.jpg" partendo da quella modificandola col filtro effetto negativo, al passaggio col mouse si può vedere l'effetto e vorrei che solo quando mi trovo nella pagina "foto" si veda di default il link con l'effetto negativo (come fosse un pulsante "tenuto premuto").
Sepro di non aver fatto troppa confusione nell'esposizione.....
ciao,
____________________________________________
... come mai non risultano programmi registrati nel Profilo....?...
... già chiesto altre volte senza risposta...!?... ... è un requisito per il supporto qui in Answers...
... magari ti sei registrato con dati errati, per cui basta il codice della licenza e l'e-mail per permettere allo STAFF di regolarizzare la posizione...
... eventualmente, apri un Argomento PRIVATO per comunicare i dati personali ed il codice...
.
ciao, KolAsim
Author
Ciao, scusa non avevo capito la questione... allora, ho acquistato il programma per la mia società ed stato installato fino ad ora solo dal mio socio, ora lo sto usando anche io ed è per questo che uso il supporto, devo usare il seriale del programma quindi? Però non so se ilmio socio è registrato ad answers, ad ogni modo mi farò dare il codice.
Ciao e scusami se non avevo capito!
... OK ...magari lo STAFF si esprimerà con precisione...
... tornando alla domanda, ...non ho il programma, ma vedo dal tuo codice che l'immagine ha ID "imHoverImage_1"
... prova a selezionare la pagina FOTO al Passo_2 ed inserire in Proprietà della Pagina | ESPERTO | HEAD (dentro head) questa stringa di codice:
<style> #imHoverImage_1 { display: block; } </style>
...
... prova, è un azzardo, magari funziona...
.
ciao
Author
non funziona... grazie lo stesso!
... ci ho provato; ...ci vorrebbe uno con il programma per provare...
... prova a mettere il codice invece che in HEAD > Prima della chiusura del tag BODY
.
Forse non ho capito...ma nella pagina foto, metti la foto nr.2 quella del mouseover, e risulta come fosse sempre premuta...? O non ho capito la domanda....?
Author
No, in realtà ho messo le 3 immagini piccole nel footer per avere l'effetto rollover + link a pagina.
Ora, SOLO quando accedo alla pagina "foto" vorrei che l'immagine piccola al centro (foto) restasse visualizzata senza l'effetto di rollover quando passo il mouse sopra ma con l'aspetto della foto2 (quella col filtro effetto-negativo)...
Cioè, questa è la home con in basso 3 immagini con effetto al passaggio del mouse (in particolare, quella al centro e quella a destra):
http://alexdrugo.altervista.org/
Se clicco su "foto", vorrei che in basso l'effetto fosse come nello screenshot allegato, sempre così nella pagina foto sia che passo il mouse sia che non lo passo.
I luogo delle immagini, occorre utilizzare codice HTML, secondo quanto esposto qui per il metodo 2 (va bene anche il metodo 3, con le opportune modifiche)
http://www.essedi.altervista.org/_sito/rollover.html
Poi nelle Proprietà della pagina in questione, cambiare la regola CSS assegnando a #sdImg3 l'immagine di #sdImg3:hover ("files/img2.png")
Se Answer non lo stravolge, il codice è il seguente (rimuovere tutti gli asterischi, sia a sinistra sia a destra)
***<style type="text/css">***
***#sdImg3 {width: 120px; height: 80px;***
***background: url("files/img2.png")}***
***</style>***
Ovviamente i nomi dell'ID (#sdImg3), delle immagini (img1.png, img2.png) e del link (href="img3.html") vanno adattati alle circostanze.
Forse è utile ribadire che occorre conoscere le basi di HTML e CSS.
PS. Approfitto per segnalare un errore, di cui mi sono accorto solo ora e che correggerò appena possibile.
Il link specificato nell'href dei metodi 2 e 3 ("files/img3.png") è chiaramente errato. Esso va sostituito con "img3.html", come correttamente riportato nell'esempio del metodo 1.