Lightbox-valintaikkunat

Lightbox-widgetin avulla käyttäjät voivat tarkastella multimediasisältöä modaalisissa valintaikkunoissa.

Yleinen käyttö

Tämä on esimerkkipainike, joka avaa Lightbox-valintaikkunan:

Tilakaavio

Tämä on ankkuritunniste, jonka href -attribuutti on asetettu #lightbox-trigger , ja sitä voidaan käyttää myös Lightboxin avaamiseen:

Näytä kuva

Tilakaavio

Youtube videot

Tämä on esimerkkipainike, joka avaa YouTube-videoikkunan:

Tämä on YouTube-linkki, joka avaa YouTube-videoikkunan:

Katso video

kuvat

Kuvia voidaan näyttää myös Lightbox-modaalisissa valintaikkunoissa. Tämä toimii erityisen hyvin kuvakaappauksen yksityiskohtien näkemiseen ilman täysleveän kuvan lisäämistä.

Kelluu oikealle

Esimerkki kärrystä

Tämä on esimerkki kuvasta, joka kelluu edeltävän sisällön oikealla puolella. Tämä widget avaa Lightbox-modaalivalintaikkunan ja näyttää työkaluvihjeesimerkin Cart .

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Kelluu vasemmalle

Tämä on esimerkki kuvasta, joka kelluu edeltävän sisällön vasemmalla puolella. Tämä widget avaa Lightbox-modaalivalintaikkunan, mutta ei näytä työkaluvihjettä.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Näytä sivun latauksen yhteydessä

Sinulla voi olla Lightbox, joka avautuu sivun latauksen yhteydessä lisäämällä kyselymerkkijonoparametri dialogOnLoad yhdessä tunnuksen jälkiliitteen kanssa.

Tilakaavio