WebSite X5Help Center

 
Stiac Engineering
Stiac Engineering
User

Velo Slider  it

Autor: Stiac Engineering
Visited 748, Followers 1, Udostępniony 0  

Salve ragazzi,

propongo la creazione di un nuovo tipo di Content Slider, con maggiori animazioni ed effetti vari.

Quello che desidero consigliare oggi è un "Velo Slider" che in maniera analoga al Content Slider, consente all'utente di visualizzare i contenuti con uno stile molto più moderno e coinvolgente.

VELO.JS SLIDER WITH BORDERS

Ho implementato un breve esempio sul mio sito gabcarl.altervista.org, tuttavia online ci sono vari modelli.

C'è sia orizzontale che verticale. Sono molto interessanti gli effetti di traslazione, oltre a quello presente al passaggio con il mouse sul pulsante.

Spero sia di vostro gradimento e che possa essere preso in considerazione per lo sviluppo di un nuovo oggetto.

Posted on the
15 ODPOWIEDZI - 3 USEFUL
Mirko Boschetti
Mirko Boschetti
Moderator

Bello, ma non funziona giusto...se scrolli la pagina con la rotellina, rimangono le scritte a sx, e le freccie... wink

Czytaj więcej
Posted on the from Mirko Boschetti
Stiac Engineering
Stiac Engineering
User
Autor

Grazie! È già un miracolo che funziona, in genere certe librerie JS danno problemi. Per questo spero in Incomedia.

Se qualcuno ha dei suggerimenti per dei fix può farlo presente. innocent

Czytaj więcej
Posted on the from Stiac Engineering
Mirko Boschetti
Mirko Boschetti
Moderator

per curiosità, prova con questi:

.velo-slider__hint {
position: relative;
}
.velo-slides-nav {
position: absolute;
}

Czytaj więcej
Posted on the from Mirko Boschetti
Stiac Engineering
Stiac Engineering
User
Autor

Ho risolto così:

.velo-slides-nav {
position: absolute;
}
.velo-slider__hint {
position: absolute !important;
}

Non so se è corretto ma pare funzionare, almeno offline.

La fonte originale è quella citata giustamente da Claudio e domando scusa per non averla inserita.

Czytaj więcej
Posted on the from Stiac Engineering
Stiac Engineering
Stiac Engineering
User
Autor

Per chi desidera usarlo sul proprio progetto, ho creato un Pen con i codici aggiornati.

Link: https://codepen.io/stiac/pen/KKMWzLr

Spero possa essere di gradimento.

Grazie di cuore per l'aiuto a tutti!

Czytaj więcej
Posted on the from Stiac Engineering
FABRE Danielle
FABRE Danielle
User

+1 Bello e grazie por la spiegazione.

Ciao

Danielle

Czytaj więcej
Posted on the from FABRE Danielle
Stiac Engineering
Stiac Engineering
User
Autor

Prego! Una cosa è più bella quando condivisa. wink

Czytaj więcej
Posted on the from Stiac Engineering
Roberto N.
Roberto N.
User

+1

Czytaj więcej
Posted on the from Roberto N.
Domenico B.
Domenico B.
User

+1

Czytaj więcej
Posted on the from Domenico B.
Giancarlo B.
Giancarlo B.
User
Najlepszy Użytkownik miesiąca IT

+1 Gabriele

Czytaj więcej
Posted on the from Giancarlo B.
Giuseppe Guida
Giuseppe Guida
User

+1

Sono "piccoli dettagli" che darebbero un tocco di modernità nelle animazioni al nostro Website X5

Czytaj więcej
Posted on the from Giuseppe Guida
Alex *.
Alex *.
User

+1

Czytaj więcej
Posted on the from Alex *.
Alberto B.
Alberto B.
User

Veramente moderno... +1

Czytaj więcej
Posted on the from Alberto B.
Aliosha D.
Aliosha D.
User

+1

Czytaj więcej
Posted on the from Aliosha D.