KickApps Lightbox Effect

From KickApps Documentation

Description

This code snippet will allow you to embed an iframe in the built-in KickApps version of lightbox.

Code

function openNewPopup(){
    popup = new Ka.popupClass();
    popup.content= '<div id="popupContainer"<iframe width="525px" height="300px" frameborder="0" src="http://www.google.com"></iframe></div>';
    popup.customClass= 'ka_kickPopupContainer';
    popup.preventBackgroundClick= true;
    popup.init(); 
}

Usage

To make use of this snippet you will also have to make use of the attr method included with jQuery.

The first step would be to select, with jQuery, all of the anchors that you would like to trigger the lightbox. Then rewrite the href attribute so that it doesn't link to another page.

$j('a').attr('href', '#');

After doing this, you can simply paste the code snippet from the section above into your page template, adjusting the parameters to better accomplish your task.