|
TABLE
MAKE
CUSTOMIZE
EFFECTS
EFFECTS CYCLE
EFFECTS CYCLES
VIRTUAL BOX
PLUG-IN
GLIDER
|
Virtual.Box
With Virtual Boxes you can create your image presentation in a professional fashion.
You can choose from five opening modes: open, slide horizontal, slide vertical, fold and fix. window.addEvent('domready', function() { var virtual = new Virtual.Box({ enable: { arrows: true, closeButton: true }, effect: 'open', leftArrowText: '', rightArrowText: '', closeButtonText: '', captionOpacity: 0.6 }); /* Choose the mode */ var fix = $('fix'); var open = $('open'); var slideV = $('slideV'); var slideH = $('slideH'); var fold = $('fold'); var types = $$(fix, open, slideV, slideH, fold); fix.addEvent('click', function() { types.removeClass('mode_selected'); fix.addClass('mode_selected'); virtual.setEffect('fix'); }); open.addEvent('click', function() { types.removeClass('mode_selected'); open.addClass('mode_selected'); virtual.setEffect('open'); }); slideV.addEvent('click', function() { types.removeClass('mode_selected'); slideV.addClass('mode_selected'); virtual.setEffect('slide'); }); slideH.addEvent('click', function() { types.removeClass('mode_selected'); slideH.addClass('mode_selected'); virtual.setEffect('slide:horizontal'); }); fold.addEvent('click', function() { types.removeClass('mode_selected'); fold.addClass('mode_selected'); virtual.setEffect('fold'); }); }); |