Oggetto Iframe elastico 
Autore: Vincenzo Errico
Visite 1616,
Followers 1,
Condiviso 0
Sarebbe utile creaste un oggetto iframe elasito/dinamico dal quale poter richiamare un oggetto creato in altre pagine del sito in modo da evitare di duplicare ad esempio: gallerie, slidershow, ecc..
Nel mio caso ad esempio, avrei bisogno di inserire una galleria identica in tante pagine, e un oggetto iframe mi aiuterabbe molto evitando così codice esterno.
Grazie.
Postato il
anche per inserire blog e Form avanzati di Google serve l'iframe
+1
+ 1
... idea a parte, ...questo non sarebbe un limite, in quanto c'è a disposizione l'Oggetto Codice HTML, che si può copiare ed incollare dove si vuole e quindi utilizzabile sin d'ora...
... l'eventuale codice extra per rendere dinamicamente elastico l'iframe funzionerebbe solo in rete, e per pagine risiedenti nello stesso spazio web...
.
Autore
Ciao Kolasim,
dovrei inserire (tramite iframe in oggetto html) questo slidershow https://www.vincenzoerrico.it/gallery-portfolio/wedding-photography.html
Un iframe che si adatti anche in altezza in base alla slide.
Le dimensioni massime sono 1080px per 720px
Potresti aiutarmi?
Grazie.
+1
... bisogna provare come interagisce con la pagina, ed eventualmente posta il LINK della tua prova per verificare; ... i commenti li puoi eliminare...
... sezione HEAD, style e script, ovviamente in /HEAD...
... DIV_CUSTOM del BODY, nel tuo caso richiesto, da inserire nell'Oggetto codice HTML...
... se nel mio esempio vedi per sfondo solo il blu, vuol dire che l'IFRAME e contenitore sono correttamente ridimensionati...
... >> VEDI... e prendi ... Ctrl + U ... righe 5>28 ... e rigo 35
... in caso di modifiche alle immagini, devi solo mettere le misure reali di queste...
... e devi mettere l'URL del tuo slideshow, adesso con URL assoluto al tuo sito, ma potresti mettere l'url relativo:
"gallery-portfolio/wedding-photography.html"
... in questo caso funzionerebbe solo in rete...
.
... questo codice è adatto in qualsiasi posizione-ente della pagina senza interferire con i contenuti della stessa; ... forse lo conosci già dai precedenti esempi che ti avevo fatto in passato...
.
ciao
.
Vincenzo guarda qui se ti va bene cosi:
http://www.mirboprova.altervista.org/@beta_14-2/pagina-29.html
fregato per poco....
ho provato ad inserire una immagine sotto al mio esempio, ma con il responsive non funzia giusto....da aggiustare...
invece con il codice di Kol e immagine viene cosi:
http://www.mirboprova.altervista.org/@beta_14-2/pagina-30.html
.. V a parte che nasconde ed altera il contentore, mi sembra che si comporti in modo regolare...
... grazie per il test ...
ps: ... magari provare von la V semitrasparente e/o ridimensionabile...
.
Autore
Grazie Mirco e KolAsim,
ho provato il DIV_CUSTOM di Kol e funziona benissimo, ho solo dovuto sostituire la posizione dell'iframe in "relative".
Ora vi chiedo: è possibile inserire in due file separati la parte "style" e quella "script" in modo da caricarli e collegarli tramite l'oggetto HTML? Vi spiego il perché... ho l'esigenza di inserire questa slide in un centinaio di pagine e sarebbe molto più veloce copiare solo l'oggetto html senza entrare nella proprietà di ogni singola pagina.
Grazie mille.
a) ... tutto in Oggetto Codice HTML:
>> VEDI ... e prendi, righe 8 > 27 ...
-------------------------------
b) ... tutto in Oggetto Codice HTML, con JS e CSS esterni; (*)
>> VEDI ... e prendi, righe 7-8 nella sezione ESPERTO|/HEAD; ... rigo 20 nella sezione HTML ...
(*) ... JS e CSS vanno in ROOT; se cambi destinazione correggi i relativi SRC ed HREF
...
... occhio che la directory e temporanea e spesso gli esempi si dissolvono...
.
Autore
Grazie mille KolAsim, gentilissimo.
Tra la "a" e la "b" uno vale l'altro oppure è più corretto uno rispetto a l'altro (anche se funzionano entrambi)?
... l'esempio a) sarebbe meno problematico, anzi, un semplice copia/incolla, ed usufruibile all'istante, in quanto puoi incollare l'Oggetto Codice HTML nelle pagine e nelle posizioni che preferisci...
... l'esempio b) raggiungerebbe la stessa funzionalità dopo aver posizionato il CSS ed il JS, che saranno unici ed a disposizione di tutti gli Oggetto Codice HTML; ...in questo caso ogni oggetto si trascinerebbe codice ridotto ai minimi termini; ...una volta che le relazioni col CSS e JS sono definite e attive, l'Oggetto Codice HTML lo potrai allo stesso modo dell'esempio a) copiare ed incollare dove preferisci...
... valuta un po' tu quale ti risultasse più amichevole; ... secondo me, in caso di modifiche che potessero coinvolgere tutti gli oggetti, forse l'esempio b) sarebbe da preferire, in modo che le modifiche fatte univocamente si attuassero ovunque...
.
Autore
Perfetto! Grazie ancora.