Come creare un sito con un ciclo continuo di immagini di sfondo? 
Autore: Masci U.
Visite 1513,
Followers 3,
Condiviso 0
salve a tutti,
sto usando Evolution 13 e desideravo creare un sito con immagini di sfondo a tutta pagina che si alternano con effetto, ad esempio il fade.
Sul web ho trovato questo "tutorial" ed una relativa demo davvero bellissima.
Non dico di arrivare a tanto ma almeno avere una semplice slideshow che possa fare quello che chiedo.
Ho visto che Evolutio 13 ha come possibilità l'oggetto "Jssor slider" che però, se non sbaglio, non mi sembra la soluzione adatta. Bisogna per forza ricorrere alla programmazione "esperta"?
Postato il
... per maximage c'è già Mirko che ti ha fornito tutto l'occorrente...
... altrimenti, intanto prova a realizzare il tuo esempio della pagina DEMO che hai indicato, e poi posta il LINK della pagina indipendente che avrai realizzato, studiando il sito della fonte...
... in alternativa puoi usare maximage, vegas, tympanus, sorgalla, jssor, cssslider, flexslider, wowslider, eccetera eccetera tra quelli che possano risultarti più amichevoli da realizzare...
... poi, si potrà incorporare nel progetto con il metodo di Mirko, sempre valido, oppure ed ancora più semplice e flessibile si può usare il mio metodo con div_custom+iframe, semplicissimo da ottenere, ma in questo caso devi metterci il tuo impegno nel realizzare come detto la pagina con lo slideshow indipendente, che non c'entra con il funzionamento del programma...
.
... >> questo è il maximage che uso nei miei esempi; ...se osservi il sorgente (Ctrl+U) noterai che è elementare...
.
Autore
Ottimo KolAsim!
Il tuo esempio è sicuramente il migliore perchè ci sono solo immagini ed è quindi più semplice (a meno credo).
Adesso però qualche domanda...
1- le righe da copiare sono tutte dalla prima all'ultima?
2- dove va inserito tutto ciò nel programma evolution 13?
Spero che con queste due risposte possa andare avanti da solo
Ciao e grazie di nuovo
... ciao, ...allora hai scelto l'incorporamento nel progetto, (e non il mio personale procedimento)...
... e forse era meglio seguire le istruzioni proprie dalla fonte del sito > MAXIMAGE2; ...comunque:
...!... considera che non ho il programma...!...
1) - dal rigo 10 al rigo 33 copi ed incolli nel pannello > ESPERTO | Codice personalizzato | Prima della chiusura del TAG /HEAD;
2) - dal rigo 43 al 53 copi ed incolli nel pannello > ESPERTO | Codice personalizzato | Prima della chiusura del TAG /BODY;
3) - scarica i files "style.css" e "jquery.maximage.js" ed inviale in rete nella ROOT del sito con client FTP di terze parti...
... gli url del punto 2) li sostituisci con quelli delle tue immagini che avrai precedentemente esportato in rete con client FTP di terze parti...
.........
... se invece vuoi incorporare tutto nel progetto e fare in modo che funzioni anche in Anteprima, ... i files cui punto 3) li alleghi al progetto tramite il pannello ESPERTO | ALLEGATI, lasciando "files" come cartella destinataria proposta per default; ...negli URL dei righi 5 e 6 anteporrai il percorso "files/", cosi, "files/style.css" e "files/jquery.maximage.js" ...
... per le immagini la stessa cosa, le alleghi al progetto tramite il pannello ESPERTO | ALLEGATI, lasciando "files" come cartella destinataria proposta per default, e quindi correggerai i relativi URL in questo modo "files/nomeimmagine1.jpg", eccetera per le immagini a seguire...
... ma, stando a quanto emerso > qui, mi par di capire che forse dovresti già saper di tutto e forse di più di quanto possa ver fatto io, dal N°1 di maximage...
... in caso di aprofondimenti, errori e/o omissioni, chiedi pure...
(... però, per come ti avevo detto nel precedente post, e secondo me, sarebbe stato meglio saper creare la pagina indipendente come la mia, in modo da poterla aggiornare, modificare, cambiare, senza toccare il programma...)
...!... per continuare ovviamente posta il LINK del tuo esempio pubblicato in RETE, per esempio su Altervista, per le opportune valutazioni...!...
.
ciao
.
ciao Masci, prova dare un occhiata qui
Autore
Ok ragazzi,
grazie infinite
Non rimane che mettermi al lavoro e vedere cosa esce fuori.
A presto (spero
)
Autore
I passi 1 e 2 penso di averli capiti ma dove scarico esattamente i due file del passo 3?
... se non ricordo male, si potevano scaricare direttamente da maximage2...
... comunque puoi scaricare quelli usati da me...
...clicca con il destro del mouse su questi link e dal menu contestuale seleziona salva link con nome:
http://www.kolasim-zone.it/supersfondok/style.css
http://www.kolasim-zone.it/supersfondok/jquery.maximage.js
.
Autore
scusa ma con il tasto destro non c'è l'opzione "salva col nome" ma bensì "salva destinazione con nome" ed altro...
... con Firefox va bene salva destinazione con nome...
.
Autore
Finalmente qualcosa esce fuori! Ovviamente è solo una prova.... http://autostarbene.altervista.org/pagina-1.html
Una dritta sulla dimensione in pixel delle immagini per avere sempre il riempimento dell'intera pagina, oppure il ridimensionamento c'è sempre automaticamente?
Grazie KolAsim
... il ridimensionamento è sempre attivo a tutta pagina, con priorità A/L a seconda della finestra...
.... le immagini meglio in jpg, molto più leggere...
.