TechBlogSD - Kaikki WordPressin ja WEB: n kehittämiseen
WEB- ja WordPress - ohjeet, uutiset, arvostelut teemoista ja laajennuksista

Mikä on Lightbox ja miten sitä käytetään Weeblyssä?

47

Mikä on Lightbox?

Lightbox on ponnahdusikkuna, joka näyttää kuvan tai videon alkuperäisen koon, kun sitä napsautetaan. JavaScriptia käytettiin alun perin tässä kuvan peittokoneessa ja jQuery esiteltiin myöhemmin paremman käyttöliittymän aikaansaamiseksi. Kun kuva näkyy peiteikkunassa, käyttäjä voi edelleen käyttää näppäimistötoimintoja, kuten ylös / alas -nuolia ja sarkainta, navigoidakseen sivulla sulkematta ponnahdusikkunaa. Sivun ulkopinta on himmennetty, ja ulkopuolisen valolaatikon napsauttaminen sulkee ponnahdusikkunan.

Alla on esimerkki kuvasta, kun sitä tarkastellaan lightboxina:

Mikä on Lightbox ja miten sitä käytetään Weeblyssä?

Lightbox -kuva

Lightboxin ottaminen käyttöön tai poistaminen käytöstä Weeblyssä

Weeblyn avulla voit lisätä kuviin lightbox -tehosteen käyttämällä kahta elementtiä:

  • Kuvaelementti – voit lisätä lightbox -tehosteen yhteen kuvaan.
  • Galleriaelementti – voit lisätä valogalleriatehosteen kuvagalleriaan.

Lightboxin lisääminen yhteen kuvaan

Vedä ja pudota kuvaelementti halutulle sisältöalueelle ja lisää kuva Weebly -verkkosivustoosi. Kun olet lisännyt, napsauta kuvaa nähdäksesi ponnahdusikkunan lisäasetukset -ruutu alla olevan kuvakaappauksen mukaisesti.

Mikä on Lightbox ja miten sitä käytetään Weeblyssä?

Weebly Lightbox -vaihtoehto kuvalle

Voit ottaa lightboxin käyttöön tai poistaa sen käytöstä Lightbox -vaihtoehdon avulla.

Lightboxin käyttäminen Galleriassa

Lisää yksittäisen kuvan tapaan galleriaelementti ja lataa kaikki kuvasi. Napsauta mitä tahansa kuvaa nähdäksesi lisäasetukset ja voit ottaa lightboxin käyttöön "Pikkukuva" -vaihtoehdon alla. Galleriaelementillä on kolme vaihtoehtoa lightboxille:

  • Vain Lightbox
  • Lightbox ja osittaiset pikkukuvat
  • Lightbox ja täydet pikkukuvat

Mikä on Lightbox ja miten sitä käytetään Weeblyssä?

Lightbox -tehosteet Weebly Gallery Elementissä

Milloin Lightbox otetaan käyttöön?

Lighboxin ottaminen käyttöön ei ole välttämätöntä kaikille Weebly -sivustosi kuville. Seuraavassa on joitain tilanteita, joita saatat joutua käyttämään tätä ominaisuutta:

  • Kun muutat suurempien kuvien kokoa pienempään kokoon
  • Kun kuvassa on tekstiä ja käyttäjän täytyy suurentaa kuva alkuperäiseen kokoon nähdäkseen tekstin.
  • Katso kuvagalleria tyylikkäästi.

Kun kuvan valolaatikko on poistettu käytöstä, käyttäjä ei voi napsauttaa kuvaa nähdäkseen alkuperäisen koon ponnahdusikkunassa. Myös lightbox -vaihtoehtoa ei voi käyttää, kun linkität kuvan johonkin muuhun resurssiin, koska kuvan napsauttaminen vie sinut kohde -URL -osoitteeseen.

Kuinka Weebly Lightbox toimii?

Weebly käyttää lightbox -ominaisuutta kolmannen osapuolen jQuery -fancybox -skriptillä osoitteesta fancyapps.com. Voit muokata lightbox -tehostetta lukemalla fancyapps -sivuston vinkit ja temput -osion. Jos et pidä Weeblyn oletusvalotehostevaikutelmasta, voit lisätä kuviin lightbox -tehosteen käyttämällä muita JavaScript- tai jQuery -laajennuksia. Jotkin laajennukset näyttävät myös kaikki sivun kuvat ponnahdusikkunaesityksessä.

Lightboxin käytön haitat

Vaikka lightbox -vaikutus näyttää hyvältä, sillä on monia haittoja.

  • Koska jQuery -skriptiä käytetään upean tehosteen aikaansaamiseen, lightboxin käyttäminen pidentää sivun latausaikaa, joten käytä sitä vain tarvittaessa.
  • Koska alkuperäistä kuvaa ei voi tarkastella selainikkunassa, ainoa tapa kopioida kuvan URL -osoite on napsauttaa kuvaa hiiren kakkospainikkeella ja kopioida URL -osoite.
  • Ominaisuus ei toimi, jos JavaScript on poistettu käytöstä verkkoselaimessa. Täysikokoiset kuvat avautuvat selainikkunaan, kun JavaScript on poistettu käytöstä.

Leave A Reply

Tämä verkkosivusto käyttää evästeitä parantaakseen käyttökokemustasi. Oletamme, että olet kunnossa, mutta voit halutessasi kieltäytyä. Hyväksyä Lisätietoja