Een Lightbox is voor veel ontwikkelaars onmisbaar. Je hebt meer controle over de schermen en omzeilt bovendien 'popupkillers'.
Om de integratie van Tafelwijzer nog makkelijker te maken, hebben wij hier een standaard oplossing ontwikkeld. De onderstaande code kan daarom direct overgenomen worden en in de HTML-code van een bestaande website geplakt worden. Alleen de API-key moet ingevuld worden waar XXXX-XXXXXX staat.
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js"></script><script type="text/javascript" src="https://www.tafelwijzer.nl/system/www/js/fancyzoom.min.js"></script><script type="text/javascript"> $(document).ready(function() {$('a.opentw').fancyZoom({directory: 'https://www.tafelwijzer.nl/system/www/images/fz'});});</script><p><a href="#tafelwijzer" class="opentw" title="Reserveer online met Tafelwijzer" style="border: none;"> <img src="https://www.tafelwijzer.nl/system/www/images/tw-button.png" alt="Reserveer online"/></a></p><div id="tafelwijzer"> <iframe src="https://www.tafelwijzer.nl/system/iframe?apikey=XXXX-XXXXXX" style="width: 300px; height: 316px;" frameBorder="0"></iframe></div> 