Iframe che non si adatta automaticamente 
Autore: Giampiero P.
Visite 1656,
Followers 2,
Condiviso 0
Innanzitutto scusatemi se riprendo un argomento già trattato... ma purtroppo sono giorni che sto cercando una soluzione ma non l'ho ancora trovata, oppure non sono stato in grado di comprenderla a pieno...
Devo inserire una animazione all'interno del Header o all'interno della pagina, ma trattandosi di un sito responsive ho la necessità che si adatti automaticamente al 100% alla finestra.
Ho utilizzato un iframe con il seguente codice:
<iframe src="http://prinzis.altervista.org/lito/animazioni/testata_lito/index.html" width="100%" height="100%" scrolling="no" frameborder="0" marginwidth="0" > </iframe>
Ma il risultato non è come vorrei... potete vederlo qui http://prinzis.altervista.org/prova_animazioni/index.html
Postato il
Prova con questo...
<div class="iframe-container">
<iframe src="http://prinzis.altervista.org/lito/animazioni/testata_lito/index.html" scrolling="no" allowtransparency="true" allowfullscreen="" frameborder="0" width="1200" height="900">
</iframe>
</div>
e per rendere l'iframe scalabile... nella sezione "Esperto Codice CSS" quest'altro:
.iframe-container {
width: 100%;
height: 0;
padding-bottom: 66%; /* 2:3 */
padding-top: 0px;
position: relative;
}
iframe {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
}
... Giampiero, ... sei sicuro di aver realizzato l'animazione in modo elastico...?... ... dal link diretto non sembrerebbe...!...
.
Autore
Grazie 1000 per i vostri suggerimenti ma purtroppo non ho risolto...
Ci sto impazzendo sopra da giorni... e mi sto demoralizzando
Vincenzo, ho provato con il tuo suggerimento ma non mi è cambiato niente.
KolAsim, ho realizzato l'animazione con Google Web Designer, per me è un software nuovo e non ho capito bene cosa intendi per animazione elastica... ho provato a fare un'altra animazione spuntando l'opzione responsive e anche in questo caso non ho risolto nulla.
Ho realizzato un'altra piccola animazione con i suggerimenti che mi avete dato e l'ho pubblicata sempre qui: http://prinzis.altervista.org/prova_animazioni/index.html
Grazie davvero per tutti i suggerimenti che mi state dando...
... la tua animazione non si adatta alla finestra: http://prinzis.altervista.org/lito/animazioni/prova_banner_responsive/gwd_preview_prova_banner_responsive/
... invece questa si adatta: http://www.kolasim-zone.it/2005_k2.html
... prima dovresti vedere di realizzarla in modo che si adatti alla finestra, e poi si vedrà come fare nel progetto...
... altrimenti si dovrà provvedere in altro modo, sempre se compatibile...
.