You can have a FooBox that has images, video and HTML all in a single gallery.


Open a YouTube video

Open some HTML inside FooBox!

Code Examples

As you can see in the live examples above, you can have images, videos, and inline html content all on the same page and have navigation between them all. This is done simply by adding rel=foobox to each a tag. Regardless of the content being presented, you’ll be able to navigate between each item seemlessly.

The example above is done with the following code (these are just the a tags, not the content. See the respective pages for how the content is presented):

<a href="http://foobox.fooshowcase.com/wp-content/uploads/sites/3/2013/06/foobox-demo-pic-4.jpg">
<img class="alignnone size-thumbnail wp-image-51" alt="foobox-demo-pic-4" src="http://foobox.fooshowcase.com/wp-content/uploads/sites/3/2013/06/foobox-demo-pic-4-150x150.jpg" width="150" height="150" /></a>
<a href="http://youtu.be/mO0g5wWVSVk">Open a YouTube video</a>
<a href="#foobox-inline" target="foobox" data-width="650px" data-height="450px">Open some HTML inside FooBox!</a>

Leave a Reply