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
15
votes
6 answers

Not able to set ShadowColor in react-native android

Environment Environment: OS: macOS High Sierra 10.13.1 Node: 8.9.1 Yarn: 0.17.10 npm: 5.6.0 Watchman: 4.7.0 Xcode: Xcode 9.2 Build version 9C40b Android Studio: 2.3 AI-162.4069837 Packages: (installed) react: 16.0.0 react-native:…
Bhavan Patel
  • 1,755
  • 1
  • 16
  • 30
11
votes
4 answers

JQuery 'Aw Snap!' in Chrome but not crashing any other browser

I'm having some difficulty with managing an administration page, where I constantly get an 'Aw Snap' in Chrome. I have a 'merchandise' administration page where you can add new products to the website. If the user selects 'T-shirt' as the product…
Dan Hanly
  • 7,829
  • 13
  • 73
  • 134
8
votes
3 answers

shadowbox stops working after jquery function call

I have a shadowbox script. When I load the page everything works fine, but when I call this jquery load function and then try to trigger the shadowbox by clicking on the image, the large image opens in new window instead. Here's the code:
Igor
  • 1,532
  • 4
  • 23
  • 44
6
votes
2 answers

jQuery - Shadowbox rebinding

How do I bind / initialize Shadowbox to content loaded by jQuery using AJAX? Right now shadowbox works when I first come into the site. However, when I swap the content with a new one loaded through AJAX, these new batch of content doesn't do the…
teepusink
  • 27,444
  • 37
  • 107
  • 147
5
votes
2 answers

Shadowbox - How to switch or replace content? How to close and open another dialog?

I'm trying to use shadowbox in multiple occasions: sometimes I happen to need more than one dialog at the same time. In this simple example I try to close one existing window and re-open another one but is not opening the second one. What I'm doing…
Adit Saxena
  • 1,617
  • 15
  • 25
5
votes
3 answers

In Prettyphoto.js or Fancybox... How to add a link within the caption

Help! I'm working on a website for a team of writers. They want to show examples of specific jobs they've worked on (portfolio) by using the shadowbox effect. Once opened (in overlay) the picture which is actually a screenshot of a .doc for…
ive
  • 53
  • 1
  • 5
5
votes
4 answers

Disable everything except a DIV element

I have a video player in a div element. I want to disable everything except the DIV. One way to do it is using lightbox, but I was wondering if I could do it using plain HTML/Javascript.
kosta
  • 4,302
  • 10
  • 50
  • 104
5
votes
1 answer

How to customize shadowbox.js rev caption?

I have implemented a caption solution for shadowbox which uses the 'rev' inline tag. In shadowbox.js add... ...get("sb-caption").innerHTML=obj.link.rev||"";... ...
... In shadowbox.css add the following to the bottom of…
vitaly87
  • 306
  • 3
  • 15
4
votes
2 answers

shadowbox 3.0.3

I am trying to use shadowbox 3.0.3 in google chrome I am getting: in chrome shadowbox.js:17 Uncaught TypeError: Cannot read property 'style' of undefined in firefox F is undefined g.find=(function(){var…
Hailwood
  • 89,623
  • 107
  • 270
  • 423
4
votes
1 answer

Add border with color around the text on the image when shadowbox is clicked

When I click the image, shadowbox initialises and the image appears in the middle of the screen with the title. The problem is that the title is blending too much with the background… I would like to add border with black background behind the title…
Sol
  • 195
  • 1
  • 4
  • 14
4
votes
1 answer

How can I open inline div on page load using ShadowBox?

I want to open a div on page load. The code I've pasted gives me a javascript error in the ShadowBox library: 'container is undefined' How can I achieve this? $(document).ready(function () { Shadowbox.init({ skipSetup: true }); …
Kulvis
  • 655
  • 11
  • 33
3
votes
1 answer

How to simulate an append callback function?

I know that .append() does not have any callback function, but when I try to do this: $.onShadowboxFinished = function (f) { var postid = $(f.link).parent().attr("id"); var loadUrl = "wp-admin/admin-ajax.php?action=mfields_show_post&p=" +…
KouiK
  • 116
  • 2
  • 9
3
votes
1 answer

Launching Shadowbox onload --how do I get it to load a page?

I've used Shadowbox on a link many times and understand that the href directs Shadowbox as to what page load in the box like this: However, I now need to…
mountaingirl
  • 248
  • 2
  • 10
3
votes
5 answers

jQuery - trigger('click') not working in IE - Object does not support this property or method

I have an images with a fading overlay div on hover which displays a text link within. When the link is clicked it opens a shadowbox with content. I want the whole overlay div to be clickable so I used : $("div.overlay").each(function(){ …
areid
  • 283
  • 2
  • 5
  • 14
3
votes
5 answers

jquery open anchor link from function

Say I have an anchor link like: link here How would I be able to open it from jquery i.e. jQuery('#page-contact').click(); Obviously that calls the .click event but…
Shane
  • 1,603
  • 4
  • 26
  • 54
1
2 3
17 18