Colorbox | NVision – Premium WordPress Theme

Premium WordPress Theme

Colorbox

Home / Shortcodes / Colorbox

Basic Use

[colorbox 
title = 'Basic Use - Single Image' 
href = 'http://arabyeah.net/themes/nvision/wp-content/uploads/2011/04/9.jpg'
]Single Image[/colorbox]

[colorbox 
title = 'Basic Use - Single Video' 
href = 'http://player.vimeo.com/video/3404873'
]Single Video[/colorbox]

Grouping

Image 1
Image 2
Image 3

[colorbox 
title = 'My Group - Image 1' 
href = 'http://arabyeah.net/themes/nvision/wp-content/uploads/2011/04/9.jpg'
]Image 1[/colorbox]

[colorbox 
title = 'My Group - Image 2' 
href = 'http://arabyeah.net/themes/nvision/wp-content/uploads/2011/04/10.jpg'
]Image 2[/colorbox]

[colorbox 
title = 'My Group - Image 3' 
href = 'http://arabyeah.net/themes/nvision/wp-content/uploads/2011/04/11.jpg'
]Image 3[/colorbox]

Gallery

[colorbox 
title = 'Gallery  - Image 1' 
group = 'myGallery'
href = 'http://arabyeah.net/themes/nvision/wp-content/uploads/2011/04/9.jpg'
]Launch Gallery[/colorbox]

[hidden]
[colorbox 
title = 'Gallery - Image 2' 
group = 'myGallery' 
href = 'http://arabyeah.net/themes/nvision/wp-content/uploads/2011/04/10.jpg']

[colorbox 
title = 'Gallery - Image 3' 
group = 'myGallery' 
href = 'http://arabyeah.net/themes/nvision/wp-content/uploads/2011/04/11.jpg']
[/hidden]

Gallery with Autoplay

Launch Gallery with Autoplay

[colorbox 
title = 'Gallery with Autoplay  - Image 1' 
group = 'myAutoGallery' 
slideshow = 'true'
href = 'http://arabyeah.net/themes/nvision/wp-content/uploads/2011/04/9.jpg'
]Launch Gallery[/colorbox]

[hidden]
[colorbox 
title = 'Gallery with Autoplay - Image 2' 
group = 'myAutoGallery' 
href = 'http://arabyeah.net/themes/nvision/wp-content/uploads/2011/04/10.jpg']

[colorbox 
title = 'Gallery with Autoplay - Image 3' 
group = 'myAutoGallery' 
href = 'http://arabyeah.net/themes/nvision/wp-content/uploads/2011/04/11.jpg']
[/hidden]

Colorbox using an Image

[colorbox 
title = 'Colorbox launched using an image' 
href = 'http://arabyeah.net/themes/nvision/wp-content/uploads/2011/04/9.jpg']
	[image 
	src = 'http://arabyeah.net/themes/nvision/wp-content/uploads/2011/04/9.jpg' 
	size = 'thumb_100' 
	overlay = 'zoom']
[/colorbox]

Colorbox using a Button

[colorbox 
title = 'Colorbox launched using a button' 
href = 'http://arabyeah.net/themes/nvision/wp-content/uploads/2011/04/9.jpg']
	[button 
	size = 'small']Launch Colorbox[/button]
[/colorbox]