Shadowbox3b - Tutorial (Part 2)

Shadowbox3b

By ITLogic

Tutorial (Part 2) - Displaying Other Web Pages

Displaying web pages uses the <iframe> HTML tag. Just use this tag in the content area.

// BeginWebWidget Shadowbox3b


function shadowbox3b_1(){
Shadowbox.open({
content: '<div id="welcome-msg"><iframe src="http://site.com/page.html" width="99%" height="99%"></iframe></div>',

player: "iframe",

title: "Welcome",
height: 350,
width: 350,
gallery: ""
});
};



// EndWebWidget Shadowbox3b

In the example above, the shadow box will display the page http://site.com/page.html which takes up 99% of the height and 99% of the width of the shadowbox, which is set at 350 by 350. If you use 100%, then it will cause there to be a scrollbar on the side.