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
3
votes
0 answers

how to add BoxShadow at the bottom of the MapView in react-native for both ios and android?

I want to achieve as image has attached below at the end. Most of the help is for View element but I need it in MapView. I tried everything in this link below but none of them works in MapView How do I render a shadow? and I am using expo here is my…
3
votes
2 answers

How to make a picture shadow with CSS3

I want to implement a picture shadow as below I tried to use the following code, but that can't work as I want Code snippet: .oval { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; width:…
Jair
  • 1,121
  • 1
  • 9
  • 11
3
votes
3 answers

Dynamically loading a SWF into ShadowBox

FYI, ShadowBox is a javscript media viewer/lightbox. http://www.shadowbox-js.com/ Running into an issue when trying to dynamically load SWFs into my ShadowBox. My script outputs the following HTML:
Kevin Griffin
  • 2,239
  • 4
  • 25
  • 27
3
votes
1 answer

Disable right click for Shadowbox.js

I'm currently using Shadowbox.js to my gallery and I want to disable the right click when the visitor views the image in full size. How can I accomplish this? Thanks in advance.
Airikr
  • 6,258
  • 15
  • 59
  • 110
2
votes
2 answers

Two jquery tools interfere with each other

I am new to jquery. I am working on a website that uses a scroll function I found to move from page to page its scripts looks like this: