Autore Topic: Didascalie per immagini con jQuery hover e animate  (Letto 1858 volte)

GIODY

  • Nuovo arrivato
  • *
  • Post: 29
Didascalie per immagini con jQuery hover e animate
« il: 13 Giugno, 2013, 15:48:58 »
Salve a tutti vorrei sapere se e' possibile implementare la funzione che si vede in questo esempio http://www.gleenk.com/demo/jquery/didascalia-immagini-hover/ con web sitex5v9. Qui si parla dei relativi codici da usare  http://www.gleenk.com/didascalie-immagini-jquery-hover-animate/ ma essendo inesperto non saprei dove e come inserirli.
Ps. cosa molto importante e che stavo tralasciando sarebbe quella di poter creare su ogni immagine un collegamento con una pagina interna del sito... Grazie ancora

milux

  • Moderatore globale
  • Utente storico
  • *****
  • Post: 1779
    • 3MD
Re:Didascalie per immagini con jQuery hover e animate
« Risposta #1 il: 13 Giugno, 2013, 21:16:29 »
pizza quattro stagioni con rinforzo di acciughe , gorgonzola e salsiccia..eccoti servito il piatto...

L'esempio funzionante lo vedi qui : http://test.3md.it/slide-panel.html  - è stato realizzato con la versione 10 ma non credo ci siano differenze con la versione 9.

1) da inserire in Sezione Esperto :

Codice:
Only registered users can see contents. Please click here to Register or Login.
Codice:
Only registered users can see contents. Please click here to Register or Login.
2) nella pagina inserire una cella con codice hmtl :

Codice:
Only registered users can see contents. Please click here to Register or Login.
NB : occorre correggere a mano il nome del file immagine e l'eventuale cartella files; l'URL di collegamento e la descrizione


nella sezione esperto collegare i files necessari facendo attenzione allo style - 2.css che deve essere collegato alla pagina (attivare il flag)

[ Guests cannot view attachments ]

il resto del materiale lo trovi nell'allegato.



...per tutto il resto ...c'è Mastercard..

mi spieghi però cosa non hai capito nell'esempio che ti è stato fatto in ANSWER?


**OS : Windows 7 - 63Bit (uno è andato perso e non lo trovo..) + W10
**Website X5 :  Evo 10(active) - Evo 11(active) - 13(active)
**Wysiwyg Web Builder 12 (passa al lato oscuro..)
**Hosting : LINUX
**Editor : Notepad ++ / Geany

GIODY

  • Nuovo arrivato
  • *
  • Post: 29
Re:Didascalie per immagini con jQuery hover e animate
« Risposta #2 il: 14 Giugno, 2013, 17:14:38 »
Grazie risolto.....ho scritto anche su anwers perche' volevo trovare la soluzione piu' facile in quanto non sono praticissimo...alla fine ho optato x una soluzione che da un effetto davvero molto carino cioe' questa http://www.misterwebby.com/index_demo.php/creare-sliding-box-e-didascalie-al-passaggio-del-mouse-su-elementi-grafici...

GDR

  • Moderatore globale
  • Utente anziano
  • *****
  • Post: 576
Re:Didascalie per immagini con jQuery hover e animate
« Risposta #3 il: 14 Giugno, 2013, 21:26:43 »
C'è pure qualcosa del genere nella vecchia cantina:

http://gdrtestdesign.altervista.org/Didascalia%20animata/