realizzare una introduzione per un sito web

bibbul_dex

Nuovo Utente
22 Ago 2014
4
0
0
Buongiorno a tutti! Volevo realizzare un'introduzione tipo questa per il sito ma non so da dove partire... come faccio a visualizzare un'immagine durante il caricamento di tutte le componenti della pagina? Nel senso, vedo molte pagine che hanno una specie di caricamento e solo quando tutte le parti della pagina sono state scaricate questa viene mostrata completa, al posto invece del normale caricamento della pagina che carica e visualizza immediatamente ciò che ha scaricato... non so se mi sono spiegato, non sono bravo nemmeno a spiegarmi :boxing:
un altro dubbio è come faccio a far scorrere un'immagine da sinistra verso destra?
So che in css c'è transform:translate(X, Y) come lo devo usare in javascript per far scorrere un'immagine, che è una linea rossa in orizzontale e larga quanto lo schermo, all'inizio l'immagine è tutta a sinistra "fuori" dallo schermo, quando tutte le componenti sono state scaricate, questa immagine deve scorrere da sinistra verso a destra finchè l'estremo destro della linea non raggiunge il lato destro del browser... in seguito su questa linea deve comparire un'altra immagine con effetto fade e per quello so come fare, utilizzo jQuery e la proprietà opacity...

Grazie per l'attenzione :)
 

criric

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
21 Ago 2010
5.607
54
48
TN
Ciao, per la prima domanda puoi provare cosi
Codice:
<script type="text/javascript">
    document.write('<div id="preload"><h1>Caricamento in corso</h1></div>');
    window.onload = function() {
        document.getElementById("preload").style.display = "none";
    };
</script>
In pratica credi un contenitore che copre lintera pagina con document.write, al caricamento lo nascondi con display none
per la seconda domanda ti consiglio di aprire una nuova discussione : una discussione = una domanda
Dai una letta anche a questa comunicazione
 

bibbul_dex

Nuovo Utente
22 Ago 2014
4
0
0
Ciao grazie di aver risposto, non vedendo pubblicato il mio thread ho pensato che non rispettava le regole e non poteva essere pubblicato, ora ho risolto, per il caricamento della pagina ho risolto per caso mentre cercavo una gif animata che rappresentasse il caricamento, invece per l'introduzione sono riuscito a risolvere da solo, mi rimane solo il problema della visualizzazione dell'introduzione sul tablet, che non so per quale motivo non viene visualizzata bene, eppure ho realizzato un layout responsive per l'introduzione e se vario le dimensioni del browser sul pc si vede sempre bene, sul tablet invece no... Ecco il sito se vuoi dargli un'occhiata...
 

criric

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
21 Ago 2010
5.607
54
48
TN
Niente male!
con firefox però non vedo tutto il menù, si ferma a meta del link azienda
 

bibbul_dex

Nuovo Utente
22 Ago 2014
4
0
0
è vero... l'introduzione l'ho creata per ultima e non l'ho testata su tutti i browser... speravo di aver finito e invece devo capire e sistemare questo problema :crying:
 
Discussioni simili
Autore Titolo Forum Risposte Data
asevenx Realizzare modulo per selezionare elementi da una lista PHP 1
Silvio Losi Come realizzare una piattaforma "ad-hoc" (No CMS) E-Commerce 8
E realizzare una mappa personale e responsive HTML e CSS 6
E Realizzare una finestra overlay con caricamento pagina html HTML e CSS 3
Gabriele Visioli Realizzare e Vendere siti web senza aprire una Partita IVA... Come? Leggi, Normative e Fisco 4
S Come realizzare una didascalia a comparsa su un'immagine? HTML e CSS 1
D Una query complicata da realizzare PHP 33
B realizzare una buona rete lan.... Reti LAN e Wireless 1
A Come posso realizzare una galleria come questa? Flash 3
L realizzare una funzione di "download" PHP 2
T realizzare una select di ricerca con più opzioni MS Access 3
C Come realizzare una "sequenza"? HTML e CSS 1
E realizzare una vetrina on line...??? HTML e CSS 2
D come posso realizzare in flash8 un form d'iscrizione a una news letter Flash 3
E realizzare una pagina di primo accesso Classic ASP 3
peppoweb Realizzare 3 condizioni con una Query. PHP 2
C [Retribuito] cerco programmatore per realizzare forum phpbb su altervista Offerte e Richieste di Lavoro e/o Collaborazione 0
A [Photoshop] come poter realizzare il seguente "effetto" Photoshop 4
I [Photoshop] Come realizzare immagine tonalità di grigio Photoshop 0
C [PHP] Come realizzare un tema wordpress per monetizzarlo?e dove testarlo gratis? PHP 3
F Realizzare video su Mac Mac e Software 0
D [PHP] [RETRIBUITO] cercasi esperto programmatore per realizzare applicazione in html e codice iframe PHP 0
D [RETRIBUITO] cercasi esperto programmatore per realizzare applicazione in html e codice iframe Offerte e Richieste di Lavoro e/o Collaborazione 2
L [ASP.Net] Realizzare modulo contatti PopUp ! ASP.NET 1
N Come realizzare Cookie e Privacy Policy con Iubenda Leggi, Normative e Fisco 5
N Con cosa realizzare un sito web? Webdesign e Grafica 9
elpirata Realizzare video con immagini testo e transizioni Windows e Software 5
L [HTML] Realizzare piantina prenotazione posti HTML e CSS 4
P [PHP] Realizzare un controllo accessi cantiere, problema lettore Qrcode... PHP 0
M [Photoshop] come realizzare un effetto speciale? Photoshop 1
Z È possibile realizzare DEM con Adobe Muse? Webdesign e Grafica 0
L Realizzare script con grafico e tabelle che si aggiornano automaticamente jQuery 1
T Come potrei realizzare un piccolo forum di discussione su un sito web...? phpBB 2
C cerco un web master per realizzare sito professionale Offerte e Richieste di Lavoro e/o Collaborazione 6
S realizzare un' area di login completa costo... Offerte e Richieste di Lavoro e/o Collaborazione 2
L Realizzare tabella che aggiorna i prezzi in base alle quantità jQuery 16
L Realizzare applicazione per hotel con camere disponibili PHP 2
G [GRATUITO]Cercasi webdesigner (per realizzare template) Offerte e Richieste di Lavoro e/o Collaborazione 7
Carlito's Come realizzare uno script Javascript 2
M [Cerco Collaborazione] un bravo esperto per realizzare insieme un sito web? Offerte e Richieste di Lavoro e/o Collaborazione 8
T [risolto] Realizzare un form email con multi scelta Sviluppo app per Android 2
G C++ realizzare apps per iOS C/C++ 1
A Realizzare un mega menu con css HTML e CSS 2
L realizzare login numerico PHP 8
G Realizzare apps per iOS meno recenti Sviluppo app per iOS 1
L realizzare apertura e chiusura div dinamico jQuery 3
mircop Realizzare storico consumi PHP 4
P è meglio un framework o realizzare da solo un sito? HTML e CSS 4
M devo realizzare un sito ma... Offerte e Richieste di Lavoro e/o Collaborazione 4
M per realizzare il sito passare da aruba a serve dell agenzia?? Hosting 0

Discussioni simili