LightBox

In this theme, we used prettyPhoto as a script to display content in a popup window. It is a jQuery lightbox clone. Not only does it support images, it also support for videos, flash, YouTube, iframes and ajax.

Full list of supported media formats and more information about this powerful plugin you find on plugin home site

In OpenSpace theme is also built-in LightBox shortcode allows you to easily place any type of content without any programming knowledge.Below some examples of usage and syntax

Single Image

http://www.dynamicpress.eu/democontent/cameleon/big-4.jpg

[divider_top]

Image Group


[divider_top]

Image (text instead of thumbnail)

This demo will load a image and use text instead of a thumbnail ».

http://www.dynamicpress.eu/democontent/cameleon/big-4.jpg

[divider_top]

SWF File

This demo will load a simple flash movie (.swf) file.

This demo simply load a .swf file but queries works the same (i.e. « myfile.swf?bgcolor=true&color=ffffff »).
http://www.dynamicpress.eu/democontent/cameleon/sample.swf [divider_top]

Video – YouTube

This demo will load a YouTube movie.

YouTube links must be the same as you get from within the URI bar. You can pass all the options to the URI (ie, &hd=1&autoplay=1). For our demo we’re going to use this link: http://www.youtube.com/watch?v=6RWQz0Q7_zY
http://www.youtube.com/watch?v=e0MBxEAv-30&autoplay=1

[divider_top]

Video – YouTube HQ

http://www.youtube.com/watch?v=zlfKdbWwruY

Get Code

Get Code

[divider_top]

Video – Vimeo

This demo will load a Vimeo movie.

http://vimeo.com/33670490

Get Code

Get Code

[divider_top]

Remote Site

This demo will loads an external site, in our case Theme Forest home page.


Get Code

Get Code

[pre] <a title= »Themeforest site opened at 100% » href= »http://www.themeforest.net?iframe=true&amp;width=100%&amp;height=100% » rel= »dp_lightbox »><img src= »http://www.dynamicpress.eu/democontent/openspace/themeforest.jpg » alt= »" /></a>
[/pre]
[divider_top]

PDF

This demo will open PDF document.


Get Code

Get Code

[pre] <a title= »Sample PDF document » href= »http://www.dynamicpress.eu/democontent/amoveo/envato.pdf?iframe=true&amp;width=100%&amp;height=100% » rel= »dp_lightbox »><img src= »http://www.dynamicpress.eu/democontent/openspace/pdf.png » alt= »" /></a>
[/pre]
[divider_top]

Laisser une réponse

Votre adresse email ne sera pas publiée

Vous pouvez utiliser ces balises et attributs HTML : <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

LEAP, Membre de la WFSF

Les Réseaux Franck Biancheri