WebSite X5Help Center

 
Carmelo P.
Carmelo P.
User

Info oggetto opzionale Swiper Animated Slider  it

Autore: Carmelo P.
Visite 1344, Followers 1, Condiviso 0  

Buongiorno,

ero interessato ad acquistare l’oggetto opzionale "Swiper Animated Slider" ma, come per altri oggetti opzionali, utilizzando Microsoft EdgeHTML 17.17134, non riesco a visualizzarne alcuna caratteristica.Stessa cosa per l’oggetto “accordion”…

La mia versione website x5 è la Professional V. 17 aggiornata alla 1.2 e, sempre che il suddetto oggetto possa essere compatibile anche con la mia versione software e permettermi di creare delle slide a tutto schermo nell’header del sito ridimensionabili e responsive ed alle quali si possa sovrapporre del testo con effetti in entrata tipo fade o movimento, mi chiedevo come mai non riesca a visualizzarlo nemmeno online e quali possibilialternative alla portata di un inesperto.

Grazie 1000!

Postato il
21 RISPOSTE - 1 UTILE - 1 CORRETTO
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... non ho il programma per provare, ma tu puoi provare ed usare questa opzione:

Estendi alla larghezza della finestra del Browser: disponibile solo per le sezioni Header e Footer, fa in modo che l'aspetto definito non venga applicato solo per la larghezza corrispondente al contenuto della Pagina ma si estenda per tutta la larghezza della finestra del Browser.

... se non ottieni il risultato voluto, allora dovresti provare ad usare la stessa opzione però nello stile della riga  in cui posizionerai lo slideshow...

... in questo caso azzeri l'altezza dell'header, ed usa la prima riga della griglia a mo' di header ed estesa per tutta la larghezza, e nella cella che estenderai su tutte le celle della riga posizionerai l'oggetto slideshow...
... questa procedura dovresti ripeterla per tutte le pagine, magari con dei copia/incolla se vuoi che la riga sia uguale in tutte le pagine, altrimenti puoi personalizzare pagina per pagina la riga in modo diverso; ...il Topic postato prima ti aiuterà in questo caso...

(... se invece te la sentissi di provare in EXTRA, potresti utilizzare una slideshow di terze parti in pagina esterna, ed incorporare nel progetto con il mio metodo alla fin fine semplicissimo, del DIV_CUSTOM+IFRAME...
... nel caso ti interessasse l'EXTRA, per poter io valutare, dovresti postare il LINK, magari in una directory di PROVA...)

.

Leggi di più
Postato il da  ‪ KolAsim ‪ ‪
Carmelo P.
Carmelo P.
User
Autore

Anzitutto grazie per la risposta... faccio dei test e riporto i risultati.

Avevo comunque sfogliato dei precedenti topic dove avvalendosi di slideshow di terze parti si poteva comunque ovviare al problema ma per esempio,  utilizzando wowslider, non mi è possibile spostare o aggiungere altri effetti ai i testi descrittivi che il lettore offre di default sulle slide.

A me occorre solo un testo/titolo in entrata che appaia solo sulla prima immagine ad apertura del sito (che sarà onepage) con le slide di fondo che si ridimensionino insieme al testo stesso in responsive senza essere tagliate.

Per far questo, mi avrebbe fatto certo più comodo utilizzare i lettori che il programma offre di default tipo la galleria stessa o jssor slider ma evidentemente sto sbagliando certamente qualche procedura.

Leggi di più
Postato il da Carmelo P.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Carmelo P.
... ...  A me occorre solo un testo/titolo in entrata che appaia solo sulla prima immagine ad apertura del sito (che sarà onepage) con le slide di fondo che si ridimensionino insieme al testo stesso in responsive senza essere tagliate. Per far questo, mi avrebbe fatto certo più comodo utilizzare i lettori che il programma ... ... 

... allora prova con lo stile della riga ...>Elenco immagini: come sfondo della Riga viene impostato uno SlideShow in cui le immagini scorrono una dopo l'altra.

... e nelle celle della riga puoi inserire l'Oggetto Testo (+/- schede )...

.

Leggi di più
Postato il da  ‪ KolAsim ‪ ‪
Giuseppe Guida
Giuseppe Guida
User

I testi "posizionabili" su Swiper Animated Slider NON hanno effetti di comparsa, sono fissi, appaiono all'apparire della foto e, inoltre, NON sono responsive. Dovresti utilizzare qualche riga di codice extra (utilizzando l'unità vw invece di pt per i testi e un paio di @queries) per renderli responsive, diversamente se utilizzi un font pt 36 per esempio, ben visibile e appariscente su risoluzioni desktop, poi alle risoluzioni responsive il testo ti "oscurerà" l'intera foto sulla quale è posizionato. Poi per il codice extra chiedi qui ti aiuto io o ti potrà aiutare Kolasim se metti un esempio provvisorio onine del tuo sito. Ciao

Leggi di più
Postato il da Giuseppe Guida
Carmelo P.
Carmelo P.
User
Autore

Ho eseguito dei test partendo dal topic precedente estendendo pertanto header e footer su tutte le risoluzioni di pagina nella struttura del modello provando le seguenti alternative:

1) inserendo la gallery nell'header (rispettando posizione sx 0 alto 0 e dimensioni reali delle immagini 1920x1280)

2) azzerando l'header ed inserendo la gallery nelle celle estese con stesse dimensioni 

e per ultimo, inserendo le immagini nello stile riga esteso con elenco immagini a parallasse fisso.

Risultati:

nel 1° caso non si ottiene il ridimensionamento delle slide e non è possibile aggiungere effetti ai titoli in entrata

nel 2° caso non posso aggiungere testi ed effetti sopra le immagini

nel 3° caso, sebbene le slide si ridimensionino perfettamente riducendo il browser e possa aggiungere testi ed effetti, non riesco a capire perchè a pieno schermo le immagini risultino molto tagliate nella parte alta ed il titolo non si possa centrare verticalmente salvo intervenire sui margini.

Ma il risultato che riporto nel link di seguito è stato ottenuto utilizzando solo le funzioni del programma???

http://www.bozzasito001.altervista.org/agenziaeventi001/

Grazie!

Leggi di più
Postato il da Carmelo P.
Carmelo P.
Carmelo P.
User
Autore

....Online non ho inserito ancora nulla, questa è solo la fase embrionale in cui sto mettendo insieme tutti gli elementi per verificarne la fattibilità...

Leggi di più
Postato il da Carmelo P.
Giuseppe Guida
Giuseppe Guida
User

Quella è una mia bozza, i titoli con effetti sulle foto scorrevoli inserite in stile righe sono stati realizzati usando l'oggetto di Website X5 a pagamento "Textillate"...

Leggi di più
Postato il da Giuseppe Guida
Giuseppe Guida
Giuseppe Guida
User

Volendo potresti usare le "Schede" all'interno dell'Oggetto Testo classico (e gratuito) di Website X5, assegni ad ogni Scheda un testo, metti come effetto quello che più ti piace (io ho messo "scorrimento orizzontale), come "tipo di visualizzazione" metti presentazione e poi personalizzi altri parametri, ottieni una cosa del genere come nel link sotto (cioè ottieni i testi ad apparizione con scorrimento da destra a sinistra sotto la scritta "PERNOTTARE NEL CUORE DI LA SPEZIA" ad apertura Home in alto):

https://www.5terreinn.it/

Leggi di più
Postato il da Giuseppe Guida
Carmelo P.
Carmelo P.
User
Autore

Però vedo che le immagini in stile righe si ridimensionano abbastanza bene... forse risolvo cambiando semplicemente l'altezza delle mie da 1920x1280 a 1920x800 o qualcosa del genere.

Ringrazio anche te per l'aiuto e faccio qualche altro test...

In ogni caso, non ho ancora capito perchè edge non mi permetta di visualizzare gli effetti della Swiper Animated Slider come altri oggetti opzionali a pagamento dal marketplace. Ciao

Leggi di più
Postato il da Carmelo P.
Giuseppe Guida
Giuseppe Guida
User

P.S. naturalmente nelle Schede attiva l'avvio automatico, io ho messo 6 secondi tra una scritta e l'altra...

Leggi di più
Postato il da Giuseppe Guida
Giuseppe Guida
Giuseppe Guida
User

P.S. per quanto riguarda Swiper Animated Slider, puoi vedere semppre nel sito https://www.5terreinn.it/ in HOME PAGE, scorrendo in basso fino alla scritta "Le Camere" una soluzione con i testi che si possono inserire su Swiper Animated Slider con sfondo semitrasparente (tutto da programma) + qualche riga di codice extra (tutto commentato il codice se fai "Ispeziona" con Chrome) per rendere i testi della Swiper adattabili e in armonia con le foto alle dimensioni inferiori...

Praticamente vai qui a "Le CAMERE"...

Leggi di più
Postato il da Giuseppe Guida
Giuseppe Guida
Giuseppe Guida
User

Soluzioni ce ne sono ma NON tutte ti danno la possibilità di avere testi responsive o non ti fanno fare particolari personalizzazioni in modo libero e creativo ragion per cui dovresti, in qualche occasione, usare poche righe di codice extra.

P.S. se poi vuoi un controllo più "creativo" (usando solo ed esclusivamente codice extra) ottieni qualcosa del genere come ho fatto io in questa mia slide personalizzata al 100% che nulla ha a che vedere con le funzioni di Website X5, è tutto codice extra (e spero vivamente che Incomedia prima o poi, speriamo PRIMA, implementi funzioni del genere nel suo software, se no rischia di rimanere troppo indietro rispetto alla concorrenza:

http://www.bozzasito001.altervista.org/slidewithtext/

da me, per il momento, è tutto, Ciao

Leggi di più
Postato il da Giuseppe Guida
Carmelo P.
Carmelo P.
User
Autore

Fantastico!!! L'ultimo link rappresenta proprio quello che vorrei fare e son daccordo sulle potenzialità del programma che potrebbe essere ulteriormente implementato.

Davvero dei bei lavori e grazie ancora per la dritta!

Quindi, ricapitolando e per non diventar matto, potrei cavarmela inserendo le mie immagini in stile righe con effetto parallasse fisso impostato ad 1 e aggiungere due oggetti testo con stile sfondo trasparente di cui uno a schede?... Almeno così sembra

Leggi di più
Postato il da Carmelo P.
Giuseppe Guida
Giuseppe Guida
User

Si, un oggetto testo normale (al massimo gli aggiungi giusto un effetto di apparizione tramite l'apposita funzione "Effetto" - icona con stellina - nella griglia di impaginazione di Website quando sei al PASSO 4 Pagine) che può essere il titolo principale che deve apparire sulla slide, poi gli aggiungi un altro oggetto testo e crei 2, 3, 4 schede (in base a quanti testi scorrevoli vuoi che appaiano), gli aggiungi testi diversi per ogni scheda, imposti i valori come da mio screenshot più in alto che mostra lo "Stile Schede" e nello stile righe unisci innazitutto con la funzione del lucchetto (per la 16 c'è il lucchetto, 17 non so se è sempre la stessa cosa) le righe che ti interessano che debbano poi essere sempre visibili sulle foto di sfondo che scorrono e puoi impostare questi parametri per lo stile righe per gli oggetti di tuo interesse:

Leggi di più
Postato il da Giuseppe Guida
Giuseppe Guida
Giuseppe Guida
User

P.S. peccato che nello stile righe per le immagini  scorrevoli NON si possa personalizzare nulla, nè tipo di effetto tra un'immagine e l'altra, nè tempo di visualizzazione di ogni immagine... beh, ma si è capito oramai: le funzioni di Website X5 sono sempre a metà, purtroppo... 

Leggi di più
Postato il da Giuseppe Guida
Carmelo P.
Carmelo P.
User
Autore

Ahahah..il marketing! Se ci fossero già tutte queste funzioni saremmo alla v.20 wink

Comunque credo che quest'ultima potrà essere nel mio caso la soluzione più semplice. Solo un'ultimo quesito appurato che l'oggetto swiper non avrebbe risolto ciò che volevo fare... C'è modo di poter spostare in altezza

il contenuto di una cella che contenga il titolo o il testo che andrà a sovrapporsi sopra le slide?

Lo chiedo per dare un riscontro anche a Kolasim in merito alla sua soluzione con iframe (utilizzando wowslider) che sebbene permetta di ridimensionare le slide alle diverse risoluzioni, non ho proprio capito come poterci sovrapporre testi/titoli, salvo incorporarli nell'immagine stessa a discapito dei motori di ricerca... grazie

Leggi di più
Postato il da Carmelo P.
Giuseppe Guida
Giuseppe Guida
User

Devi usare la funzione "Margini" in Stile Cella (nella 16 è in Stile Cella ma credo che nella 17 si trovi proprio la funzione Margini da sola e ben visibile o se non sta scritto Margini è qualcosa di simile). 

Leggi di più
Postato il da Giuseppe Guida
Giuseppe Guida
Giuseppe Guida
User

Con Wowslider i testi li inserisci al momento della creazione della slide direttamente in Wowslider e non con Website x5.

Leggi di più
Postato il da Giuseppe Guida
Carmelo P.
Carmelo P.
User
Autore

Sì, ho visto che wowslider offre questa possibilità, ma non ti da modo di centrare ed intervenire sui testi come vorrei. Stavo tentando di modificare il contenuto della cella di testo ispezionando il codice ma ci rinuncio...non è il mio pane.

Salvo che non riesca a trovare a breve altre soluzioni sfogliando ancora il forum, mi sembra che quelle da voi consigliate possano essere già di grande aiuto per chiudere questo post. Grazie a tutti e buon weekend!!!

Leggi di più
Postato il da Carmelo P.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Carmelo P.
... ... il contenuto di una cella che contenga il titolo o il testo che andrà a sovrapporsi sopra le slide? Lo chiedo per dare un riscontro anche a Kolasim in merito alla sua soluzione con iframe (utilizzando wowslider) che sebbene permetta di ridimensionare le slide alle diverse risoluzioni, non ho proprio capito come poterci sovrapporre testi/titoli ... ... 

... alla fin fine hai fatto come anticipato, ...e per il quote, ...puoi averne un'idea del mio codice vedendo l'intestazione nel sito di Giorgio:   https://helpcenter.websitex5.com/it/community/utenti/347963

... ma potresti usare Jssor extra, maximage, vegas, o altro per inserire o usare il testo, e varie personalizzazioni e flessibilità...

... nel caso aprirai un nuovo topic...

.

Leggi di più
Postato il da  ‪ KolAsim ‪ ‪