Pagina 1 di 2 1 2 ultimoultimo
Visualizzazione dei risultati da 1 a 10 su 13
  1. #1
    Utente di HTML.it
    Registrato dal
    Oct 2007
    residenza
    Trieste
    Messaggi
    828

    rollover, da immagine a contact form

    Vorrei sottoporvi il seguente demo:
    http://demo.tutorialzine.com/2010/03...y-css/demo.php

    Secondo voi, è possibile avere l'immagine e sul retro una contact form? Magari senza addentrarsi troppo in jquery, ed utilizzando semplicemente un comando rollover?

    Praticamente vorrei realizzare l'opposto di questo: http://progtuts.info/241/javascript-jquery-flip/ (guardate il demo a fondo pagina)

    Esiste un plugin Jquery che fa tutto questo (http://lab.smashup.it/flip/) ma non so se si può mettere anche una contact form.

    Una cosa un po' difficile, lo so, ma spero qualche genio mi risponderà.

  2. #2
    beh se negli esempi l'hanno fatto vuol dire che è possibile. quel plugin di Jquery simula una rotazione di un DIV, ma non è che il div ruota veramente....l'HTML non è in 3D in pratica quel plugin non fa altro che:

    1. riprodurre un effetto grafico (FLIP)
    2. a metà dell'effetto (quindi quando il "quadtrato in 3d" è messo perpendicolare allo schermo) viene cambiato il codice HTML del contenitore
    3. l'effetto riprende fino a farti vedere il contenitore (div) con il suo html "nuovo"

    puoi il codice HTML da "switchare" lo scegli tu...immagine, form, oggetto in flash....ci metti quello che ti pare
    V.I.S.T.A. --> Virus Inside, Switch To Apple

  3. #3
    Utente di HTML.it
    Registrato dal
    Oct 2007
    residenza
    Trieste
    Messaggi
    828
    Ho capito il funzionamento, ma non riesco ad immaginare la parte html per mostrare l'immagine. Il codice della pagina demo è solo un <div id="flipbox">Hello! I'm a flip-box! </div> e mi sembra poco.

  4. #4
    se vuo mettere un'immagine o metti il classico tag <img src="immagine.jpg"......
    oppure crei un div e con i css gli assegni un background-image
    V.I.S.T.A. --> Virus Inside, Switch To Apple

  5. #5
    Utente di HTML.it
    Registrato dal
    Oct 2007
    residenza
    Trieste
    Messaggi
    828
    Sono ancora un beginner in programmazione web ed a volte voglio fare più di quanto possa... ma è anche questo un modo di imparare, quindi mi scuso se chiedo ancora il vs. aiuto.

    Sto utilizzando dei tutorial per costruire questo flip da image a form, e fin'ora ho creato le due faccie della medaglia:
    1) una form ajax (http://nelpaesedelvino.com/newsite/form/)
    2) un semplice script flip (http://nelpaesedelvino.com/newsite/flip/flip_test.htm)

    Mi rendo però conto che non si possono richiamare due script di linguaggio differente all'ìinterno dello stesso container, a meno che non si scriva una combinazione di istruzioni php/java/html. E qui mi fermo infatti.

    Ho creato uno zip dei due script da scaricare (http://www.mediafire.com/?zcgbojiqmft), che spero qualcuno abbia voglia di guardare per dirmi dove sbaglio e come proseguire. grazie infinite

  6. #6
    Utente di HTML.it
    Registrato dal
    Oct 2007
    residenza
    Trieste
    Messaggi
    828
    ......riprendo questo mio vecchio post perchè non ho ancora risolto, e spero in un aiuto.

    Tralasciando le risposte precedenti e partendo da quello che ho ora, la pagina di test http://nelpaesedelvino.com/flip/flip_test.htm, vorrei che al posto della seconda immagine comparisse la form presente su questa pagina http://nelpaesedelvino.com/form/ ma non riesco. Qualche idea? Sto utilizzando il plugin http://lab.smashup.it/flip/

  7. #7
    allora...cerca di spiegare in modo piu chiaro possibile quello che vuoi fare, cosi cerco di spiegarlo al meglio che posso
    V.I.S.T.A. --> Virus Inside, Switch To Apple

  8. #8
    Utente di HTML.it
    Registrato dal
    Oct 2007
    residenza
    Trieste
    Messaggi
    828
    pensavo che la spiegazione fosse chiara visitando i link...
    C'è un immagine, e una volta cliccata questa ruota e scopre la form da inviare. Come nel plugin jquery indicato. La pagina dove deve accadere tutto questo è www.nelpaesedelvino.com sulla tag "Dove Siamo"

  9. #9
    l'immagine da ruotare è questa?<div align="center">[img]images/map.png[/img]</div>
    V.I.S.T.A. --> Virus Inside, Switch To Apple

  10. #10
    Utente di HTML.it
    Registrato dal
    Oct 2007
    residenza
    Trieste
    Messaggi
    828
    no, l'immagine da ruotare è quella delle bottiglie di vino... come ho indicato nel primo post ttp://nelpaesedelvino.com/flip/flip_test.htm

    Grazie per darci un occhiata

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.