Rollover image (era Light Box) ?

[locas78]

Ciao ragazzi,
vi scrivo per sapere se qualcuno di voi conosce il plugin presente nelle foto di questa pagina  http://bravenudigital.com/work/
Più in generale cercavo qualcosa dove passando con il mouse sopra la foto apparisse un testo con possibilità
di inserire un link.

Grazie a tutti e bun anno in ritardo.

[lemonsong]

Ho scopiazzato (maluccio) nel link postato ed ho aggiunto un'altra scopiazzatura (non ricordo la fonte):

http://lemonsong.altervista.org/test_jq_fade_animate/ (versione 8 )

http://lemonsong.altervista.org/test_jq_fade_animate/pagina_1.html (versione 8 )

Non so se fungeranno con tutti i browser e non so se hai la 9.

Spulcia nel sorgente per integrarli nella tua versione di WS o altro.

[locas78]

Ciao lemonsong e grazie della risposta, la mia versione di x5 è la 9 ma anche spulciando nel sorgente non sono riuscito ad integrarli, causa incompetenza.

Riusciresti a postarmi il file progetto di x5 per capire come integrarli? Non capisco se c'è un plugin js da inserire o altro.
Grazie

[lemonsong]

Anno nuovo, vita nuova: ti posso solo incollare un po' di codici e dirti dove inserirli, il resto ce lo devi mettere tu.

Primo esempio (tuo link).

In HEAD:

Codice:

Only registered users can see contents. Please click here to Register or Login.
In oggetto HTML:

Codice:

Only registered users can see contents. Please click here to Register or Login.
Nella sezione CSS (oggetto HTML):

Codice:

Only registered users can see contents. Please click here to Register or Login.
Come ho già detto è scopiazzato in fretta e furia, forse va corretto, personalizzato, ottimizzato etc...

Se hai problemi, metti un esempio online e, cosa importante, aspetta le risposte prima di modificarlo/smanettarlo.

Altrimenti aspetta un/a volenteroso/a per la pappa 

Spero di non aver dimenticato qualcosa...

[milux]

Ottimo lavoro Marco..


Io cambierei il titolo in "Rollover image" che mi sembra più adatto al tipo di effetto ; questo è un esempio in jquery : http://freshdesignweb.com/demo/2012/09/beautiful-mage-hover-effects-jquery-css3/example1/

[essedi]

Ottimo lavoro Marco..


Io cambierei il titolo in "Rollover image" che mi sembra più adatto al tipo di effetto ; questo è un esempio in jquery : http://freshdesignweb.com/demo/2012/09/beautiful-mage-hover-effects-jquery-css3/example1/

Sarò un po' fissato, ma non vedo la necessità di introdurre codice js pur un rollover, quando lo stesso risulltato è ottenibile con il solo CSS (per giunta alquanto semplice).

http://www.essedi.altervista.org/_sito/rollover.html

Ma forse non ho capito bene il problema.

[lemonsong]

@milux
Perfetto, hai trovato un altro jQuery molto simile al primo link postato dall'autore 


@essedi
Sì, forse volendo si può ottenere con solo i CSS ma le varianti con jQuery sono (quasi) infinite.

[milux]

Sarò un po' fissato, ma non vedo la necessità di introdurre codice js pur un rollover, quando lo stesso risulltato è ottenibile con il solo CSS (per giunta alquanto semplice).

http://www.essedi.altervista.org/_sito/rollover.html

Ma forse non ho capito bene il problema.

Infatti non c'è nessuna necessità di usare js perchè i CSS sono più che sufficienti..ho solo voluto indicare una possibile variante..

[locas78]

Ottimo Lemonsong! è stato semplicissimo integrarlo in X5, quando ho tempo proverò anche a personalizzarlo.
Bello anche il pluin jquery segnalato da Milux.
Giusto una domanda: Creando l'effetto con i CSS è possibile anche personalizzarlo inserendo un pulsante (come nel plugin js di Milux) o i CSS hanno limiti in questo?

[essedi]

@essedi
Sì, forse volendo si può ottenere con solo i CSS ma le varianti con jQuery sono (quasi) infinite.

Se si parla di gallerie sono d'accordo. Nel mio sito di test è spiegato l'utilizzo di Lightbox e Slimbox in EVO 9: entrambi utilizzano librerie js.

Ma io mi sono intromesso solo dopo che il titolo della discussione è stato cambiato in "Rollover image". E per il rollover delle immagini io non conosco funzionalità non ottenibili tramite CSS.

[stesil]

Giusto una domanda: Creando l'effetto con i CSS è possibile anche personalizzarlo inserendo un pulsante (come nel plugin js di Milux) o i CSS hanno limiti in questo?

Mi sembra che di limiti ce ne siano pochi http://tympanus.net/Tutorials/OriginalHoverEffects/index.html

ma occorre verificare cosa si riesce a vedere con i browser più datati. Le soluzioni in js/jquery sono in genere compatibili anche con i vecchi browser, ma non sono utilizzabili da chi naviga con javascript disabilitato.

[lemonsong]

vi scrivo per sapere se qualcuno di voi conosce il plugin presente nelle foto di questa pagina  http://bravenudigital.com/work/
Più in generale cercavo qualcosa dove passando con il mouse sopra la foto apparisse un testo con possibilità
di inserire un link.

Beh, direi che tra jQuery e CSS3 (bello il link stesil), hai l'imbarazzo della scelta.