TechBlogSD - Alt for WordPress- og WEB -utvikling
WEB- og WordPress -instruksjoner, nyheter, anmeldelser av temaer og plugins

Hva er Lightbox og hvordan bruker jeg det i Weebly?

0

Hva er Lightbox?

Lightbox er et popup -overleggsvindu som viser originalstørrelsen til et bilde eller en video når det klikkes på det. JavaScript ble opprinnelig brukt i denne bildeoverleggsteknikken med jQuery introdusert senere for å gi et bedre brukergrensesnitt. Når et bilde vises i overleggsvinduet, vil brukeren fortsatt kunne bruke tastaturfunksjoner som pil opp / ned og fane for å navigere på siden uten å lukke forgrunnsvinduet. Det ytre området på siden er nedtonet, og hvis du klikker på lysboks utenfor, lukkes popup -vinduet.

Nedenfor er et eksempel på et bilde sett på som en lysboks:

Hva er Lightbox og hvordan bruker jeg det i Weebly?

Lightbox -bilde

Aktivere eller deaktivere Lightbox i Weebly

Weebly tillater å legge til lysbokseffekt til bildene ved hjelp av to elementer:

  • Bildeelement – du kan legge til lysbokseffekt til et enkelt bilde.
  • Gallery Element – du kan legge til lysbokseffekt i et bildegalleri.

Legger til Lightbox på enkeltbilde

Dra og slipp et bildeelement på ønsket innholdsområde, og legg til bildet på ditt Weebly -nettsted. Når det er lagt til, klikker du på bildet for å se den avanserte popup -innstillingsboksen som vist på skjermbildet nedenfor.

Hva er Lightbox og hvordan bruker jeg det i Weebly?

Weebly Lightbox -alternativ for bilde

Du kan aktivere eller deaktivere lysboksen ved å bruke alternativet "Lysboks".

Bruke Lightbox på Galleri

I likhet med enkeltbilde, legg til et galleri -element og last opp alle bildene dine. Klikk på et av bildene for å se de avanserte innstillingene, og du kan aktivere lysboks under alternativet "Miniatyrbilde". Galleri -elementet har tre alternativer for lightbox:

  • Bare lysboks
  • Lightbox og delvise miniatyrbilder
  • Lightbox og Full Thumbnails

Hva er Lightbox og hvordan bruker jeg det i Weebly?

Lightbox -effekter på Weebly Gallery Element

Når skal du aktivere Lightbox?

Det er ikke nødvendig å aktivere lighbox for alle bildene på ditt Weebly -nettsted. Nedenfor er noen av situasjonene du kan trenge for å bruke denne funksjonen:

  • Når du endrer størrelsen på bilder i mindre størrelse
  • Når et bilde har tekst og brukeren må forstørre bildet til originalstørrelse for å se teksten.
  • Se galleriet med bilder elegant.

Når lysboksen til et bilde er deaktivert, vil brukeren ikke kunne klikke på bildet for å se originalstørrelsen i et popup-vindu. Alternativet lysboks kan heller ikke brukes når du kobler bildet til en annen ressurs, siden du klikker på bildet, tar deg til måladressen.

Hvordan fungerer Weebly Lightbox?

Weebly bruker et tredjeparts jQuery fancybox -skript fra fancyapps.com for å tilby lightbox -funksjonen. Du kan tilpasse lightbox -effekten ved å lese tips og triks -delen på fancyapps -nettstedet. Hvis du ikke liker Weeblys standard lightbox -effekt, kan du bruke andre JavaScript- eller jQuery -plugins for å legge til lightbox -effekt i bildene dine. Noen plugins viser også alle bildene på en side i en pop-up lysbildefremvisning.

Ulemper med å bruke Lightbox

Selv om lysbokseffekten ser bra ut, har den mange ulemper.

  • Siden jQuery -skript brukes til å gi den flotte effekten, vil bruk av lightbox øke sidelastetiden, og derfor bare brukes hvis det er nødvendig.
  • Siden det opprinnelige bildet ikke kan vises i et nettleservindu, er den eneste måten å kopiere bilde -URL -en ved å høyreklikke på bildet og kopiere URL -en.
  • Funksjonen fungerer ikke hvis JavaScript er deaktivert i en nettleser. Bilder i full størrelse åpnes i et nettleservindu når JavaScript er deaktivert.

Opptakskilde: webnots.com
Leave A Reply

Dette nettstedet bruker informasjonskapsler for å forbedre din opplevelse. Vi antar at du er ok med dette, men du kan velge bort det hvis du ønsker det. jeg aksepterer Mer informasjon