Lightbox образац је прозор који искочи када корисник кликне на линк или дугме и приказује се изнад садржаја стране.
Ово је елегантан и једноставан начин да прикажеш обрасце на свом сајту. Ево како да почнеш:
- Отвори креатор образаца и кликни на Објави.
- Кликни на Угради опцију са леве стране.
- Кликни на Lightbox.
![Додавање Lighbox-а](https://jotform.claystructures.co/blog/wp-content/uploads/2021/12/screenshot_1640354399-700x415.png)
- На следећој страни кликни на Копирај код да копираш код који је потребно да налепиш у свој сајт. Такође можеш да кликнеш на Преглед да видиш како ће изгледати.
![Копирање Lighbox кода](https://jotform.claystructures.co/blog/wp-content/uploads/2021/12/screenshot_1640354520-700x399.png)
Прилагођавање Lightbox-а
Уколико желиш да додатно прилагодиш Lightbox, кликни на Прилагоди опцију.
![Прилагоди Lightbox](https://jotform.claystructures.co/blog/wp-content/uploads/2021/12/screenshot_1640354750-700x387.png)
На страни за прилагођавање имаш опцију да промениш наслов, димензије, стил, боје и опцију да се образац отвори аутоматски након учитавања стране.
![Опције прилагођавања Lightbox-а](https://jotform.claystructures.co/blog/wp-content/uploads/2021/12/screenshot_1640354850-700x636.png)
Немој да заборавиш да сачуваш измене. Након тога је потребно да опет копираш креирани код.
Прилагођавање линка који отвара образац коришћењем слике
Замени следећи код:
<a class="btn lightbox-{идентификаторОбрасца}" style="margin-top: 16px">
{наслов_обрасца}
</a>
…са следећим:
<img src="{URLслике}" class="btn lightbox-{идентификаторОбрасца}">
Мораш да замениш {идентификаторОбрасца} са идентификатором твог обрасца. То је број на крају URL-а твог обрасца.
![Идентификатор обрасца](https://jotform.claystructures.co/blog/wp-content/uploads/2021/12/screenshot_1640355573-700x461.png)
Class атрибут је веома битан како би се образац приказао након што се кликне на слику. {URLслике} треба да се замени са URL-ом слике која желиш да се прикаже.
Пример: https://shots.jotform.com/elton/jotform_lightbox_demo.html
То је све. Да ли је било једноставно? Уколико имаш неке коментаре, предлоге или питања, постави их испод.
Пошаљи коментар: