Како креирати Lightbox образац

Lightbox образац је прозор који искочи када корисник кликне на линк или дугме и приказује се изнад садржаја стране.

Ово је елегантан и једноставан начин да прикажеш обрасце на свом сајту. Ево како да почнеш:

1. Отвори креатор образаца и кликни на Објави.
2. Кликни на Угради опцију са леве стране.
3. Кликни на Lightbox.

4. На следећој страни кликни на Копирај код да копираш код који је потребно да налепиш у свој сајт. Такође можеш да кликнеш на Преглед да видиш како ће изгледати.

Прилагођавање Lightbox-а

Уколико желиш да додатно прилагодиш Lightbox, кликни на Прилагоди опцију.

На страни за прилагођавање имаш опцију да промениш наслов, димензије, стил, боје и опцију да се образац отвори аутоматски након учитавања стране.

Немој да заборавиш да сачуваш измене. Након тога је потребно да опет копираш креирани код.

Прилагођавање линка који отвара образац коришћењем слике

Замени следећи код:

<a class="btn lightbox-{идентификаторОбрасца}" style="margin-top: 16px">
  {наслов_обрасца}
</a>

…са следећим:

<img src="{URLслике}" class="btn lightbox-{идентификаторОбрасца}">

Мораш да замениш {идентификаторОбрасца} са идентификатором твог обрасца. То је број на крају URL-а твог обрасца.

Class атрибут је веома битан како би се образац приказао након што се кликне на слику. {URLслике} треба да се замени са URL-ом слике која желиш да се прикаже.

Пример: https://shots.jotform.com/elton/jotform_lightbox_demo.html

То је све. Да ли је било једноставно? Уколико имаш неке коментаре, предлоге или питања, постави их испод.