IE7 compatibility issue: jQuery shadowbox video fails to function

The shadowbox video plugin appears to have compatibility issues with IE7, as it is functioning properly in Firefox and Safari.

Any feedback on this matter would be greatly appreciated.

Website:

HTML Code:

<a href="m/abc-gardening-australia-caroline-dawes.mov" rel="shadowbox;height=272;width=480">
<img src="i/abc-gardening-australia-caroline-dawes-gardening-adelaide.jpg" alt="caroline dawes" />
</a>

Javascript Code:

<script type="text/javascript">
Shadowbox.init({
    players:    ["qt"]
});
</script>
javascriptjqueryhtmlcssshadowbox

Answer №1

Although this question is dated, it appears that the issue you're encountering might be related to IE's Dom:ready event order. Voyta provides a helpful explanation here: Shadowbox not working in IE

Hopefully this information proves beneficial to others facing similar challenges.

Similar questions

If you have not found the answer to your question or you are interested in this topic, then look at other similar questions below or use the search

What are some ways to access my AsyncStorage data from any location?

I am utilizing the saga library and storing tokens in AsyncStorage. My goal is to be able to freely access the token retrieved from AsyncStorage in both the loadUserPosts function and the loadPosts function. Where should I add async and how can I correct ...

javascriptnode.jsreactjsreact-native

Ways to achieve an arched shadow effect for an image using React and Tailwind CSS?

Looking to add a unique touch to my React project with a shadow effect resembling an arch shape at the top of an image using Tailwind CSS. The ultimate goal is to create a semi-transparent arch-shaped shadow covering the top portion of the image, similar t ...

cssreactjsnext.jstailwind-css

Tips for implementing jQuery .stop() in animations toggling

Just finished a demo of my project. I recommend checking out the JSFiddle to see exactly what's happening. I've also included the code below. HTML: <div ng-app="slideApp" ng-controller="slideCtrl"> <input type="button" value="Slid ...

jqueryangularjs

inconsistencies observed in flex layout between webkit browsers (Chrome and Safari) compared to moz (Firefox)

I am experiencing unexpected behavior with flex on Mozilla (-moz-) and Chrome/Safari (-webkit-) Referenced the Mozilla tutorial to understand flex layout /** { border: solid; border-width: 0 1px; }*/ html, body { width: 100%; height: 1 ...

htmlcsswebkitflexboxmozilla

Leverage the power of jQuery to display JSON data retrieved from a PHP

I am having trouble with my jQuery AJAX call on a PHP page that outputs JSON. Despite my code seeming correct, the alert() dialog isn't showing and the JavaScript console isn't providing any errors. Can you help me identify what is causing this i ...

jqueryjsonajax

What makes React Router distinct as a React component?

What is the reasoning behind react-router being a React Component that utilizes React internally? As routing issues were already addressed before the introduction of React Components? In the case where the path property does not align with the URL path, w ...

javascriptreactjsreact-router

ViewCheck and every

Can IsInView be set to wait for all elements with the same class, instead of calling them individually? For instance, if there are three sections, can they be called like this: $(".section").on('inview', function(event, isInView) { i ...

javascriptjqueryviewport

An error occurs when attempting to echo empty values from an array due to the "undefined index" issue being

Answering this question seems quite straightforward. Let me outline what needs to be done. I possess an array $polarity_array The array holds values in the form of HTML tags that present images. However, there are some empty values in the array because ...

phphtmlarrays

What is the best way to find all the corners along a path?

I am working with an SVG path and I need to find all the extremum points (corners) on this path. How can I achieve this? I attempted to retrieve all points using the following code: let totalLength = path.getTotalLength(); for (var i = 0; i < totalL ...

javascriptsvg

Securing sensitive data on the client side with JavaScript Vue or React for enhanced safety

In one scenario, a Vue.js application is used where sensitive data is retrieved from a server via HTTPS upon loading the app. This data is then stored in the Vuex Store on the client side. Is there a potential risk of someone being able to access this dat ...

javascriptreactjssecurityvue.jssingle-page-application

Issue with displaying JavaScript file path on master page in ASP.NET resulting in a 404 error status

Despite correctly specifying the JavaScript file path in the ASP.NET master page, the browser console is displaying a 404 error for the JavaScript files. It seems that the browser is unable to locate the specified JavaScript files. Here is the code being ...

javascriptasp.netmaster-pages

Oops! An error occurred while trying to load the myApp module. The module 'ui.bootstrap' is missing and causing the failure

When using Firefox, I encountered the following error: SyntaxError: syntax error xml2json.js:1 SyntaxError: syntax error ui-bootstrap-tpls-0.13.0.js:1 Error: [$injector:modulerr] Failed to instantiate module myApp due to: [$injector:modulerr] Failed to in ...

javascriptangularjstwitter-bootstrapangular-ui

Troubleshooting problems with Bootstrap on tablets: responsiveness for medium-sized screens

I am having trouble with a responsive design using Bootstrap 3. The navbar looks fine on mobile and desktop screens, but breaks on tablets. Here are the views for mobile, tablet, and desktop: The tablet view is broken, while the mobile and desktop views ...

htmlcsstwitter-bootstrapresponsive-design

Scrape All Header Tags Using Beautifulsoup and Assign Incrementing Id Attributes

Feeling stuck and in need of assistance. The challenge at hand is to locate all Header HTML tags within an html document. The goal is to identify these tags and assign a unique id to each one, incrementing with each tag found. It is crucial to maintain th ...

pythonhtmlbeautifulsoup

How to activate a hyperlink without being taken to a new page

I have a variety of products stored in a mySQL database, and I am currently retrieving their links through the use of $producturl in my script. These URLs are designed to add the product to the shopping cart (http://www.example.com/cart/?add-to-cart=1127). ...

javascriptjquerypreventdefault

Jquery now restricts multiple toggle divs from being open simultaneously, ensuring only one toggle div can

I'm struggling with my jQuery code to only allow one div to be shown at a time when clicking on image icons. Can someone help me figure this out? Here's the current code I have: <div class="row"> <div id="callout-ico ...

jquery

Storing dataset characteristics in a JSON file utilizing Vue.js form response

I am currently working on creating a JSON file to store all the answers obtained from a Form. Some of the input fields have an additional dataset attribute (data-tag). When saving the Form, I aim to extract these 'tags' and include them in the JS ...

javascriptjsonlaravelvue.jsvuetify.js

What is the process for removing a full row from a table in PHP?

Is there a way to add a delete button to delete an entire row in a MySQL database? Below you can find the code and instructions on how to delete a row using the ID, which is the primary key. <?php mysql_connect('localhost', 'off', ...

phphtmlmysql

Is there a way to verify if a user taps outside a component in react-native?

I have implemented a custom select feature, but I am facing an issue with closing it when clicking outside the select or options. The "button" is essentially a TouchableOpacity, and upon clicking on it, the list of options appears. Currently, I can only cl ...

javascriptreactjstypescriptreact-native

Steps for eliminating curly braces and renaming the key-value pairs in a JSON object

I have a JSON output that looks like this: { "intent": "P&P_Purchase", "value1": { "date1": "30-Dec-19", "prd_desc": "NEEM UREA OMIFCO (45 KG)", "qty": &quo ...

javascriptarraysnode.jsjson