|
TABLE
MAKE
CUSTOMIZE
EFFECTS
EFFECTS CYCLE
EFFECTS CYCLES
VIRTUAL BOX
PLUG-IN
GLIDER
|
Virtual Single
The Virtual Boxes can also be used a single modal boxes, if you want to set custom options for each one.
window.addEvent('domready', function() { var vt = new Virtual.HTML.single('ok1', { content: '<p style="text-align:center;"><b>Moocha into the Virtual.HTML</b></p><p style="text-align:center;"><img src="/examples/1.3.1/virtual_html/images/moo.rd_mucca_big.jpg" alt="" /></p>', effect: 'slide:horizontal', zones: { main: 'hmain', wrapper: 'hwrapper', caption: 'hcaption', captionTextTitle: 'hcapttitle', captionTextContent: 'hcapttext' }, effectOptions: { duration: 1500, transition: 'bounce:out' } }); var vt2 = new Virtual.Ajax.single('ok2', { style: false, effect: 'slide', zones: { main: 'amain', wrapper: 'awrapper', caption: 'acaption', captionTextTitle: 'acapttitle', captionTextContent: 'acapttext' }, effectOptions: { duration: 1500, transition: 'back:out' } }); var vt3 = new Virtual.Box.single('ok3', { effect: 'open', zones: { main: 'vmain', wrapper: 'vwrapper', caption: 'vcaption', captionTextTitle: 'vcapttitle', captionTextContent: 'vcapttext' }, effectOptions: { duration: 1500, transition: 'bounce:in' } }); var vt4 = new Virtual.Box.single('ok4', { effect: 'fold', zones: { main: 'vmain', wrapper: 'vwrapper', caption: 'vcaption', captionTextTitle: 'vcapttitle', captionTextContent: 'vcapttext' }, effectOptions: { duration: 1500, transition: 'bounce:in' } }); }); |