MktoForms2 :: Lightbox Basics

by sanford

HTML

<script src="//app-aba.marketo.com/js/forms2/js/forms2.min.js"></script>
<form id="mktoForm_324"></form>
<input type="image" id="open_lightbox" alt="Image Goes Here" src="http://lorempixel.com/g/400/200/">

JavaScript

var mktoInstance = '//app-sj01.marketo.com',
        munchkinId = '410-XOR-673',
        formId = 324,
        lightboxButtonSelector = '#open_lightbox';

    document.querySelector(lightboxButtonSelector).onclick = function (e) {
        MktoForms2.loadForm(mktoInstance, munchkinId, formId, function (form) {
            var lightbox = MktoForms2.lightbox(form).show();
        });
        e.preventDefault();
    };