Animazioni html con immagini
Author: Andrea D.Buongiorno, ho creato un'animazione con GoogleWeb Designer con immagini e testi. Quando lo visualizzo nel browser tutto procede alla perfezione. Il mio problema nasce quando lo devo mettere nella pagina del mio sito(con website x5 12). La procedura chefaccio è questa:vado all'interno della pagina prendo la mia icona con il codice HTML la inserisco all'interno della pagina, la apro e incollo il codice HTML che Google mi da. Tutto funziona alla perfezione fino a quando non entra in gioco l'immagine che si vede il riquadro muoversi ma senza l'immagine interna. Ho provato anche all'interno del "oggetto codice HTML" andare nell'area esperto incollare il mio codice e sotto allegare il file con l'immagine. Ma il problema rimane, Senza contare che quando cerco di mettere la stessa immagine due volte mi dice che è già presente. Ringrazio tutti in anticipo per le eventuali risposte
...posta il link online della tua prova ...
Author
Ti metto qui la cartella che mi genera il programma di GoogleWeb Designer. Su X5 cosa metto e dove?
Grazie
... al Passo_2 | Proprietà della Pagina | Esperto | ▪Codice personalizzato | "Prima della chiusura del tag HEAD" (3^ selezione), devi inserire SLOL i QUATTRO TAG STYLE ed i SETTE TAG SCRIPT tutti presenti nella sezione HEAD del codice ella pagina inex che hai allegato...
... tutto il resto del codice interno al BODY (ovviamente BODY escluso), cioè da <gwd-doubleclick id="gwd-ad" polite-load=""> sino all'ultimo TAG "</script>" ...lo devi incollare nell'Oggetto Codice HTML (HTML)...
... l'immagine "scimmia-che-pensa.gif.jpg" la alleghi allo stesso Oggetto Codice HTML | Esperto | Allegati, lasciando "files" come destinazione proposta per default, e quindi nel codice del BODY devi correggere il percorso dell'immagine in così: "files/scimmia-che-pensa.gif.jpg"
_(!)_______________________________________
... comunque faresti prima e semplificheresti di molto e senza stress con un IFRAME...
... lo vedi appicato qui:
>> originale >> http://goo.gl/7fm09z ↓↓↓
>> IFRAME >> http://goo.gl/ikeXOU
... per esempio puoi provare direttamente incollando questo codice in un Oggetto Codice HTML e se sei collegato in rete ti funzionerà anche in anteprima:
<iframe src="http://www.zspace.it/kolasim/trash/GoogleWebDesignerAndrea149630.html" width="300" height="250" scrolling="no" frameborder="0" marginwidth="0" > </iframe>
.
Author
Sei stato esaustivo, e ti ringrazio,ma come lo pubblico il contenuto della mia cartella per poi incollare il codice nel sito il codice IFRAME?
... per l'iframe puoi procedere così:
1) ... puoi creare nel sito in rete una cartella che chiamerai "animazione"...
2) ... con un programma FTP terzo, tipo Filezilla, invia dentro a quella cartella in rete la pagina index.html e l'immagine "scimmia-che-pensa.gif.jpg" del tuo esempio...
3) ... fermo restando l'attuazione di quanto detto, in un Oggetto Codice HTML che inserirai in una pagina al Passo_3, incolla questo codice:
<iframe src="animazione/index.html" width="300" height="250" scrolling="no" frameborder="0" marginwidth="0" > </iframe>
... funzionerà una volta esportato il sito in rete...
... per far funzionare l'IFRAME anche in anteprima, devi usare URL ASSOLUTO della tua animazione; ...cioè invece di usare "animazione/index.html" devi mettere "http://www.NomeTuoSito.xx/animazione/index.html"...
.
ciao