Effetto su immagine al passaggio del mouse
Author: Luciano F.
Visited 2032,
Followers 1,
Shared 0
Ciao ragazzi,
ho visto l'effetto indicato in oggetto in questo link;
https://answers.websitex5.com/projects/122283/live_preview
in pratica all'immagine di sfondo, al passaggio del mouse, si sovrappone un altra immagine con del testo con movimento dal basso verso l'alto.
Come faccio a riprodurlo?
Nelle impostazioni dell'oggetto immagine "visualizzazione/effetti al passaggio" mouse trovo solo "immagine sovrapposta" ma non riesco a dare il movimento dal basso verso l'alto.
Qualcuno potrebbe cortesemente aiutarmi?
Grazie in anticipo
Posted on the
Quell'effetto lo ottieni in Stile della Cella - Testo di descrizione - Opzioni - Mostra su passaggio del mouse / Nascondi su passaggio del mouse (vedi allegato).
Author
Ciao Lemonsong, innanzitutto ti ringrazio per la disponibilità.
Ho provato a "giocare" con le impostazioni che mi hai suggerito ma non riesco a realizzare l'effetto come da link sopra indicato.
In pratica, riesco a realizzare la scritta alla base (woman nel link) ma non il cambio colore appena ci passo su con il mouse;
Per l'immagine (quella della ragazza che si trova sopra scritta "woman", sebbene riesco a inserirla e renderla visibile, non riesco a far comparire la scritta dei testi appena ci porto su il mouse.
Non capisco dove sbaglio......non è che per caso le sole impostazioni del programma non lo permettono e ci vuole qualche codice?
No, non ci vuol alcun codice.
L'unica cosa che si potrebbe sostituire con del codice, sono i puntini dello stesso colore dello sfondo, che hanno usato per "espandere" il link WOMAN nell'Oggetto Testo.
Il resto, ripeto, lo fai da programma da Stile della cella (leggi meglio il post precedente).
Author
Lemonsong, grazie per la pazienza ma ho difficoltà.
Allora:
- Con il metodo che mi hai suggerito, in stile della cella riesco a fare in modo che la scritta "woman" scompaia appena passo il mouse ma non riesco a a far rimanere quella sottostante che ha i colori invertiti. Anzi, non so proprio come impostare quella sottostante.
- Inoltre, anche l'effetto dissolvenza della immagine con le scritte rosse in sfondo bianco che dal basso copre la ragazza che fa la linguaccia non riesco a riprodurlo.
Comprendo che può essere una scocciatura ma, se ti sarà possibile, riusciresti a scrivermi qualche dettaglio passo passo in più?
Se vuoi riprodurre quei due oggetti presenti nel link postato, dai un'occhiata qui: http://lemonsong.altervista.org/test_hover_desc_cella/
Author
Ciao Lemonsong,
ok ci sono riuscito (quasi in tutto)....mille grazie per l'aiuto!
Vorrei solo un altro chiarimento per poter perfezionare.
Nel tuo esempio vedo l'immagine "piggy" precisa per la dimensione della cella:
- E' stata inserita in "oggetto immagine"? Esiste un modo in "Oggetto immagine" per fare adattare in lunghezza e larghezza l'immagine inserita alle dimensioni della cella (tipo: adatta al contenuto della finestra)?
- Oppure?
Author
Altra cosa:
"i puntini dello stesso colore dello sfondo, che hanno usato per "espandere" il link WOMAN nell'Oggetto Testo"
nel tuo esempio vedo i puntini ma non mi è chiaro come e dove inserirli e come faccio a farli diventare dei link.
Mille grazie
Author
OK.......ho risolto, dovevo modificare anche le impostazioni in stile del modello per non rendere visibile la sottolineatura e altro al passaggio mouse.
Mi rimane da capire se per oggetto immagine esiste un modo di adattare automaticamante le immagini in caso siano più piccole della cella (nel caso siano più grandi lo fa in automatico).
Temo che, se le immagini sono più piccole della cella, dovrai ingrandirle tu.
Per quanto riguarda i puntini nel collegamento, tengo a precisare che ho solo copiato il metodo usato in quel template.
Author
Infatti! Cmq, ho dovuto farlo con programma grafica esterno.
Lemonsong, grazie di nuovo per l'aiuto sono riuscito nel mio intento.