Unofficial WebSite X5
Area JS => Discussioni Generali => Topic aperto da: locas78 - 04 Gennaio, 2013, 11:43:35
-
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.
-
Ho scopiazzato (maluccio) nel link postato ed ho aggiunto un'altra scopiazzatura (non ricordo la fonte):
http://lemonsong.altervista.org/test_jq_fade_animate/ (http://lemonsong.altervista.org/test_jq_fade_animate/) (versione 8 )
http://lemonsong.altervista.org/test_jq_fade_animate/pagina_1.html (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.
-
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
-
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:
Only registered users can see contents. Please click here to Register or Login.
In oggetto HTML:
Only registered users can see contents. Please click here to Register or Login.
Nella sezione CSS (oggetto HTML):
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...
-
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/
-
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.
-
@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.
-
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.. ;)
-
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
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.
-
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 (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.
-
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.