Preloader per una riga 
Author: Vincenzo Errico
Visited 995,
Followers 1,
Shared 0
Buongiorno a titti.
Chiedo un piccolo aiutino: è possibile inserire un preloader per una singola riga o per un oggetto html?
Ho un oggetto html contenente un iframe per visualizzare uno slidershow ma ci mette 4/5 sec. a caricarsi.
Il motivo per cui vorrei inserire il preload è perché non si percepisce che a breve verà caricato del contenuto.
Grazie mille.
Posted on the
... non è possibile, dovrai nel caso usare codice extra
; ...per esempio simulare l'attesa tramite il div_custom che già conosci da anni, oppure da ricercare in rete, o attendere chi eventualmente possa fare il lavoro per te... ...
... oppure, molto semplicemente, disporre già nella pagina da importare lo sfondo con GifAnim, oppure un testo, "...in caricamento, ..prego attendere..."...
... oppure, ancora più semplice ed immediato, e senza usare codici extra!!! ...mettere un GifAnim (o immagine testuale) come sfondo della stessa cella...
.
Author
Ciao kol e grazie, ho provato la tua ultima opzione, quella più semplice diciamo, ma purtroppo si carica un decimo di secondo prima dello slideshow per cui non funge per far capire l'attesa...
... forse perchè provi in locale, o con cache carica...
... se provi in rete con Ctrl+F5 dovrebbe essere apprezzabile...
... altrimenti come idea si potrebbe rendere invisibile l'IFRAME e renderlo visibile decorso del tempo prestabilito in JS, per esempio dopo 3 secondi, in questo modo si vedrebbe sempre il loader attivo...
... o caricare in IFRAME una pagina trasparente, e dopo 2-3 secondi avviare l'importazione dello slide nell'IFRAME...
... eventualmente posta il LINK della pagina che carica lo slide in IFRAME, magari mi viene in mente qualche idea, sul tardi...
.
Author
ecco il link www.vincenzoerrico .com
l'oggetto in questione è lo slidershow... attualmente è inserita la gif come sfondo come da te suggerito.
Author
Ora si! Ho provato ad insere la gif come immagine nello stile riga, in questo modo compare immediatamente.
Grazie KolAsim
... mi pare ottimo! ... al limite, se vorresti vederlo più grande prova ad aggiungere nello STYLE:
#imPageRowGraphics_2 { background-size: 200px !important;}
.
Author
ho anche la gif più grande
Grazie.