no.hideout-lastation.com
Bygg Feature Rich JQuery Carousels med slick
Ikke mange karusellbiblioteker kan konkurrere med Slick . Det er den mest jam-pakket jQuery-plugin for å bygge dynamiske karuseller på nettet.
Det er helt gratis og bygget på toppen av jQuery . Koden er super enkel å sette opp, selv om det krever noen avhengigheter . Men med så mye funksjonalitet er det verdt å legge til de ekstra bibliotekene for å få dette til å fungere.
For å installere Slick kan du besøke GitHub repo og laste ned en kopi. Den leveres med to CSS-filer : en for grunnleggende oppsett og en annen for standard Slick-tema . Du kan enkelt kombinere disse filene i ditt primære CSS-stilark hvis du vil spare plass.
Deretter trenger du to jQuery-avhengigheter : det primære jQuery-biblioteket sammen med jQuery Migrere . Slick krever minimum jQuery 1.7+ som ikke burde være noe problem for et moderne utviklingsmiljø.
Herfra legger du bare til Slick.js filen og lar den gå. Lysbildefremvisninger kan opprettes med svært lite kode, og her er en direkte prøve fra Slick-nettstedet:
innholdet dittinnholdet dittinnholdet ditt
Med en enkel
Slick kommer med dusinvis av flotte funksjoner, inkludert swipe-funksjonalitet på mobil- og dotnavigasjon . Du kan også sette opp autoplay, tilpasset animasjon, tilpassede tilbakeringinger, og så mye mer.
Dette biblioteket er et komplett dyr for å skape roterende karuseller . Og du kan gjøre alt med noen få enkle linjer av jQuery som gjør dette enda mer utrolig.
For å se alle demoer og komme i gang, sjekk ut Slick hjemmesiden. Du kan også finne all kildekoden og full dokumentasjon for innstillinger / alternativer i GitHub repo.
Opprett en CSS-Only Image Reveal Effect med gjennomsiktige grenser
En CSS-bare bilde avslørende effekt kan løses på forskjellige måter. Det er faktisk ganske enkelt å kode et design der bildet står ut av (er overfylt av) sin solide bakgrunn - du plasserer bare et bilde over et mindre element med en solid bakgrunn.Du kan få det samme resultatet hvis du bruker gjennomsiktige grenser, hvor du holder størrelsen på bakgrunnselementet det samme som forgrunnen, og legger til gjennomsiktige grenser for å lage et tomt rom for forgrunnen å overflyte inn i.Det er noe
Jorden er et vakkert sted; Universet, spektakulært. Ingenting kan gjøre noen problemer og bekymringer du har, virker og føler seg mindre signifikant enn at tanken om at jorden bare er et speck i universets storhet. Det, og stjernen astrofotografi bilder som det du ser i dette innlegget.Sannheten er imidlertid at fargene til disse astrofotografene kanskje ikke er som det du ser dem. I
