Questions tagged [shadowbox]

Shadowbox is a web-based media viewer application that supports all of the web's most popular media publishing formats. Shadowbox is written entirely in JavaScript and CSS and is highly customizable. It can be used to dynamically load content into the users browser without navigating away from the page, by using just a few lines of simple JavaScript code.

Shadowbox is a web-based media viewer application that supports all of the web's most popular media publishing formats. Shadowbox is written entirely in JavaScript and CSS and is highly customizable. Using Shadowbox, website authors can showcase a wide assortment of media in all major browsers without navigating users away from the linking page.

http://www.shadowbox-js.com/

Features

What sets Shadowbox apart from every other "box" out there?

Standards

Shadowbox uses HTML markup that validates. It doesn't depend on phony HTML attributes in your anchor tags to make it work. The web has enough problems with standards compliance as it is, and Shadowbox does its best to not perpetuate them.

Smart

Shadowbox uses a smart plugin detection mechanism behind the scenes that can spare your users from confusing torn image or puzzle piece icons when they don't have the plugins they need to view your content. Also, it will never overflow the viewport, forcing those obnoxious scroll bars.

Free from Frameworks

Although Shadowbox has the unique ability to adapt to whatever JavaScript framework you choose, it's just as easy to run it as a standalone app, giving the developer a great deal of flexibility.

Flexible

Shadowbox supports all of the web's most popular media publishing formats including images, QuickTime, Windows Media Player, Flash, Flash video, HTML, and even external web pages. This makes it easy to display your content, no matter what it is.

Customizable

Shadowbox supports a host of options that make it highly configurable. If you don't like the way something works, chances are very good that you can change it without digging through the code.

Universal

Shadowbox ships with support for many of the world's most-spoken languages, making it easy to configure Shadowbox to communicate with your visitors in their native tongue.

Neat and Compact

The Shadowbox code is neat, modular, and compact. Create a custom build of the code that includes just the features you need so it's as lightweight as possible.

Plays Well with Others

Shadowbox tries to be as unobtrusive as possible. If your client doesn't have JavaScript enabled, it will stay completely out of the way and allow the page to function normally.

269 questions
2
votes
2 answers

Isotope and lightbox, how to only show the visible (filtered) images in lightbox

I am building a wordpress website. I am implementing isotope for image layout and filtering (isotope.metafizzy) I have configured Isotope already, so that images are layed out and filterable, this is all working fine. Currently, when i open an image…
Jeff G.
  • 21
  • 1
  • 3
2
votes
0 answers

Mysterious mixed content warning - it appears to all be https with no http?

I have an https page which launches a shadowbox which itself has a page inside it. The shadowbox content is got with whatever protocol the parent page is, so loads with https as well. When the shadowbox page loads I get a mixed content warning,…
Max Williams
  • 32,435
  • 31
  • 130
  • 197
2
votes
4 answers

Opening a YouTube video in a lightbox or something on page load

My client wants a YouTube video (embeded object) to popup when a user comes to their site. Does anyone know how it do this and what to use. It should be a lightbox or shadowbox, something that's not a popup. The video should run automatically and…
talkingD0G
  • 403
  • 2
  • 6
  • 17
2
votes
2 answers

Can i have a flash movie communicate with Shadowbox jquery overlay?

I want to have my overlay adjust in size depending on how much content is being shown in the flash movie. Also, I want it to resize in real time when the user adjusts the content. Is it possible?
Adam
  • 8,849
  • 16
  • 67
  • 131
2
votes
1 answer

Pull form from shadowbox, and submit it from the parent window

I have a form in a shadowbox, and when the user clicks the submit button (or a link with an onclick, i don't mind) i want to step in, close the shadowbox, then submit the form data from the parent window. Can anyone tell me how to do this? I can't…
Max Williams
  • 32,435
  • 31
  • 130
  • 197
2
votes
1 answer

Shadowbox skinning & sizing

How do I skin shadowbox and make sure popup size is fixed size? The css part is ok since it's just overriding ids and classes. However, I'm not sure what the markup.js is supposed to look. So here are my questions: I created…
teepusink
  • 27,444
  • 37
  • 107
  • 147
2
votes
0 answers

How to embed