Backbox Image Viewer not working in IE9 - javascript

I've used the Backbox Image Viewer from http://www.javascriptkit.com/script/script2/backbox/ on this website for over 3 years and this problem just arose with the update of IE to version 9.
When you click the link to open the gallery, instead of backbox opening normally, a small all white box appears in it's place. No navigation images or gallery images or anything.
You can view the issue here at http://www.joewheelerknifemaker.com and by clicking on "Knives by Joe, Photo Gallery".
I know that this happens on multiple computers using IE9, but works perfectly in Firefox, Safari and Chrome from what I can tell.
Anyone have any ideas or know what IE changed in this version that could be causing this? Thanks in advance.

btw, i think backbox is much the same as lightbox. There is an solution for lightbox here
http://www.lokeshdhakar.com/projects/lightbox2/

Related

Fix specific links in website not working on iphone only

I'm creating a website from this template and I've downloaded the template and uploaded it without modifications here.
I have this problem (confirmed by a ticket on templatemonster): on Iphone only (seems like both on safari and chrome), i cannot click on some links (e.g. "view charateristics" on the 4 boats images under "YACHTS FOR SALE".
I tried editing it:
adding a big z-index on the tags
creating a custom section with bootstrap and custom link
using <span> tags with onclick="window.location.href='test.php'"
using a <form> and a <button>
It really seems that the browser does not "catch" the click on the element.
But still, none of them work.
Unluckily, i cannot test on a real phone, but this simulator https://appetize.io/ seems to work pretty well. I did confirm that the problem is also on real devices, thanks to a customer.
I would like to know if anybody knows to fix this issue, without making the template look much different, thanks
EDIT
Here's the page where i'm trying to fix the bug. As you can see the <ontouchstart> is also not working.
I don't know if it would help, but you can also see that the carousel is not working on iphone (not a problem itself, i'm going to hide it).
It's a known Safari Mobile bug, you should add the ontouchstart event handler
More infos here

Owl Carousel displaying different and wrong on refresh

I have an owl.carousel on my website displaying testimonials. I didn't have any issues with this until about a month or two ago. I have no idea what happened that now I have this problem but i'll try to explain as best as I can.
I'm getting two different views of the carousel on the firefox and chrome. On firefox, it looks perfectly fine and displays correctly. On chrome how ever, it seems like after the browser cashes the page, the carousel decides to align all the text to the right (I know this is confusing so ill put picture in so you guys can see). The reason I say after it cashes the page is because, when I load the page with no cashe on chrome, it looks perfectly fine as it does on firefox, but as soon as I go to another page and then come back or refresh the page, the carousel all shifts to the right.
Here is what it looks like on chrome:
https://gyazo.com/2466dc69c470851122693d622975c018 --> Chrome
Here is also a link to the website for who ever that wants to read the code them selves (scroll down the home page and you will see the testimonials section):
http://ecocertificates.com.au
Any help would be greatly appreciated guys!
Thanks in advance :)

Gif animation freeze in mac safari

I am working on this site "http://tinyurl.com/joblnmd". On home page there'gif animation, I've used preload method to load images, its working on all major browsers expect safari on Mac.
Is this bug in safari or is there any hack?
New Post: I've looked at the site again and there doesn't seem to be any problems. The loading hourglass appears for a long time, but it eventually disappears and the main content of the page is visible. It might be best for your to provide a JSFiddle with just the area in question so that I, or someone else, can have a proper look and help you solve your problem.
Old Post: Maybe you need to update your browser. My Mac Safari appears to show everything perfectly. But I'll check again later tonight. The animation looks very nice.

Carousel (Twitter Bootstrap) + retina.js doesn't work as expected

I have recently released my home page in which I use carousel + Twitter Bootstrap + retina.js.
http://www.stelab.nagoya-u.ac.jp/~okumura/index.html
When I access this page with my old MacBook Pro (non retina), it shows the carousel as expected. Three images are automatically shown with a nice transition. But when I open the same page with my retina MacBook Pro (Safari 6.0.3 + OS X 10.8.3), one or two images are not shown.
Retina.js seems to be working properly with my retina MacBook Pro, because the image in the following page is automatically changed to the high-reso version of my picture. Therefore, I think that the combination of carousel and retina.js does not work under certain conditions.
http://www.stelab.nagoya-u.ac.jp/~okumura/profile.html
I get the same result even if I use Google Chrome (26.0.1410.65) or Firefox (20.0) on my retina Mac.
Could anyone tell me how to make my home page work properly, please?
Carousel (Twitter Bootstrap) http://twitter.github.io/bootstrap/javascript.html#carousel
retina.js http://retinajs.com
This is a known issue with retina.js and carousels. It has been reported here: https://github.com/imulus/retinajs/issues/84
This jquery plugin fixes the problem :
https://github.com/tylercraft/jQuery-Retina
You can use suffixe (image-x2.jpg for example), or use any selector.
It works perfectly with ajax loading too.

Javascript for flash menu not loading in IE9 but fine in all other browsers

I have a flash menu on a site. The menu works fine in all browsers EXCEPT IE9. It looks like this javascript file is not loading:
<script type="text/javascript" src="scripts/ActiveContentDropDownWide.js"></script>
In IE9 it just displays BUTTON1, BUTTON2 etc but in all other browsers it displays the complete menu. This is what happens when the ActiveContentDropDownWide.js script is removed which is why it seems to be a problem with that script and IE9. But I could be wrong?
Any ideas would be greatly appreciated.
Try doing a Fiddler capture with IE9 and FF. Then, compare the 2 captures using Fiddler's Diff feature.
It is seems to me that the menu is hiding behind the content
maybe it is z-index problem if the flash menu inside a div ,give it high z-index number or google for ie9 z-index problem.
The javascript file that powers some of the menu needed to be updated with a new version that supports IE9. Once I updated it, the menu worked fine in IE9. Thanks.

Categories