Дијалози у оквиру за преглед

Лајтбокс виџет омогућава корисницима да виде мултимедијални садржај у модалним дијалозима.

Општа употреба

Ово је пример дугмета које отвара дијалог у паноу за преглед:

Дијаграм стања

Ово је ознака сидра са атрибутом href постављеним на #lightbox-trigger и може се користити и за отварање паноа за преглед:

Прикажи слику

Дијаграм стања

Јутјуб Видеи

Ово је пример дугмета које отвара ИоуТубе видео дијалог:

Ово је ИоуТубе веза која отвара ИоуТубе видео дијалог:

Погледајте видео

Слике

Слике се такође могу приказати у модалним дијалозима у оквиру за преглед. Ово посебно добро функционише за гледање детаља снимка екрана без потребе за додавањем слике пуне ширине.

Плутао десно

Пример колица

Ово је пример слике која лебди десно од садржаја којем претходи. Овај виџет отвара модални дијалог у оквиру за преглед и приказује пример за корпе .

Лорем ипсум долор сит амет, цонсецтетур адиписцинг елит, сед до еиусмод темпор инцидидунт ут лаборе ет долоре магна аликуа. Ут еним ад миним вениам, куис ноструд екерцитатион улламцо лаборис ниси ут аликуип ек еа цоммодо цонсекуат. Дуис ауте ируре долор ин репрехендерит ин волуптате велит ессе циллум долоре еу фугиат нулла париатур. Екцептеур синт оццаецат цупидатат нон проидент, сунт ин цулпа куи оффициа десерунт моллит аним ид ест лаборум.

Плутао лево

Ово је пример слике која лебди лево од садржаја којем претходи. Овај виџет отвара модални дијалог оквира за преглед, али не приказује опис алата.

Лорем ипсум долор сит амет, цонсецтетур адиписцинг елит, сед до еиусмод темпор инцидидунт ут лаборе ет долоре магна аликуа. Ут еним ад миним вениам, куис ноструд екерцитатион улламцо лаборис ниси ут аликуип ек еа цоммодо цонсекуат. Дуис ауте ируре долор ин репрехендерит ин волуптате велит ессе циллум долоре еу фугиат нулла париатур. Екцептеур синт оццаецат цупидатат нон проидент, сунт ин цулпа куи оффициа десерунт моллит аним ид ест лаборум.

Прикажи при учитавању странице

Можете имати пано за преглед који се отвара при учитавању странице додавањем параметра стринга упита dialogOnLoad заједно са постфиксом ИД-а.

Дијаграм стања