moo.rd - Docs - virtual

CORE

constructors.js type.js browser.js overlay.js

NATIVE

string.js array.js string_php.js element.js

TABLE

table_rows.js table_cells.js table_cols.js

MAKE

make_table.js make_list.js make_select.js

CUSTOMIZE

custom_base.js custom_windows.js smooth_scrolling.js

EFFECTS

effects_base.js effects_morph.js effects_fade.js effects_move.js effects_extra.js effects_toggle.js effects_cycle.js effects_cycles.js

VIRTUAL BOX

virtual_base.js virtual_box.js virtual_ajax.js virtual_html.js

PLUG-IN

kwick_menu.js glider.js tutorial.js tabs.js

virtual_box.js

Contains the Virtual.Box and Virtual.Box.single Classes to create customizable and flexible light boxes of images

Contains

Class Virtual.Box, Class Virtual.Box.single

Requires

virtual_base.js overlay.js browser.js type.js

Summary

Virtual.Box		Custom Class to create virtual boxes
Virtual.Box.single		Custom Class to create single virtual boxes

top class Virtual.Box

Custom Class to create virtual boxes.Applies the virtual box effect to each link which has 'virtualbox' as value of the classname property.

Extends

Virtual

Constructor

new Virtual.Box (options)

Properties

options

optional. an object which permits to customize the virtual boxes

Options

Virtual Options

the options of the Virtual Class

Note

You can set the contents of the caption by setting the title property of each link in this way:'title :: content', where the separator is the ' :: ' string

Example

 // applies the virtual box effect to each link which has 'virtualbox' as value of the classname property 
 var virtual = new Virtual.Box({
	enable: {
		arrows: true,
		closeButton: true
	},
	effect: 'open',
	leftArrowText: '',
	rightArrowText: '',
	closeButtonText: '',
	captionOpacity: 0.6
	}
 });
 
 // the HTML
 <a href="flowers.jpg" class="virtualbox" title="My flowers">image 1</a>

top class Virtual.Box.single

Custom Class to create single virtual boxes. Applies the virtual box effect to the given link.

Extends

Virtual.Box

Implements

Virtual.single