[Plugin: Shadowbox JS] Shadow Box not working on some pages

Hi, Deyson!
No need to apologize: these things take time to learn, so no worries.

Unfortunately it does not recognize my href links with movie still

I found a .mov demo in the fancybox sandbox site here. However, it does say that support for .mov movies is “indirect” since it requires the .mov plugin to be installed at browser-level.

Do you have any info (links) on the type of .mov support shadowbox provides?

Maybe it might be just easier for me to go in and hard code in the rel= to either shadowbox or fancy box on each and every post and avoid using a plugin altogether.

Manual seems like a pain if you are going to have many posts in there. Also, you would still need the plugin for the actual lightbox, shadowbox, or fancybox to work.

P.S. I like your geek invasion website.

Thanks! I’m glad you do. It’s a website some friends and I run (I joined later than them). Development is till ongoing, but we’ve been making some good progress. Sorry I forgot to reply to this earlier BTW.

Hi Deyson!
Did you give up on this? It would be a shame because your site is really nice and it would rock to have the slideshow working.
If you want, you can send me a zipped copy of your theme to my Google account: [my_nick_name]{dot}wp (you know the rest) so I can take a closer look at it.
Cheers!

I’m not sure if this will help but I spent 2 days working on my issue.

I manage multiple sites and have been using Shadowbox JS on several of them. I installed the plugin on all of them using the WordPress Admin > Plugin panel. Until recently this was fine but the plugin failed to work on the latest site I’m in the process of building. To be more specific, the plugin partially worked but failed to open images in a light box. The plugin did generate the required (rel=”shadowbox…”) attribute for all links with images but for some reason images would only open in a page and not in a light box.

My solution was to go to the author site (https://www.shadowbox-js.com/download.html) and download the source files manually. I selected all the player options, downloaded the source files, then uploaded only the shadowbox.js file to my server. I chose the location wp-content/plugins/shadowbox-js/js/shadowbox.js for my purposes but this shouldn’t matter. Keep in mind, this is in addition to retaining the active version of the plugin already installed in the Admin panel.

I then updated my header.php file to include a static reference to the shadowbox.js file AND included the Shadowbox.init(); call like below. I tried commenting them out individually and it turned out that both needed to be included for it to work. In addition, this update had to be included below the default <link> and <script> tags that the plugin generates.

<link rel="stylesheet" type="text/css" href="https://oxygenfactor.com/site/wp-content/uploads/shadowbox-js/src/shadowbox.css">
<script type="text/javascript" src="https://yoursite.com/wp-content/plugins/shadowbox-js/js/shadowbox.js"></script>
<script type="text/javascript">
Shadowbox.init();
</script>

So to summarize…

1. Have Shadowbox JS plugin already installed.
2. Go to https://www.shadowbox-js.com/download.html to download source files
3. Upload only the shadowbox.js file to your server
4. Place the included code below the default <link> and <script> tags that the plugin generates.

Not sure if this helps everyone but it worked for me.