jQuery plugin rotate not working only with ie8 - javascript

I'm using the jquery rotate plugin to rotate the text that is on the left #left-menu 90dg.
The plugin is working fine with all browsers except for IE8. I just don't understand why it doesn't loads.
This is what I get with chrome:
And this is what is shown with IE8:
And i'm using this to rotate the text:
$('#left-menu').rotate(90);
It seems IE8 is not loading the plugin, any ideas why?
jQuery rotate has support up to IE6. Plugin site here

Your answer is in the documentation for jQueryRotate.
I try rotate div element and it works everywhere but not in IE.
This plugin was mainly created to rotate images (img) elements ONLY. However it uses CSS attributes in modern browsers that will also work for div elements. That's why it works in other browsers but not IE. If you really need to rotate div you can take a look at experimental version of jQueryRotate 3. You can find it download section.

Related

SVG Rotate does not work on IE - Codepen works perfectly on chrome

Rotate function works fine on all browsers except IE.
You use clipPath on the <polygon>, but clipPath animations are not supported in IE. As far as I know, IE supports animation with programatically scripting. For more information, you could refer to the MSDN document: Basic SVG animation.
Here is an article about using polyClips.js to make cross-browser animation, you could also check it to try the library as a workaround.

Dynamic keyframe insertion not working on IE or Firefox

For my RPG game I have this Javascript function that adds keyframes to the header inside a style element. I was going to post my code into this text, but figured I would create a jsFiddle instead! Here it is:
[http://jsfiddle.net/qsdw6n0a/2/][1]
Click around anywhere on the page, and the ball shoots out from my character to where you clicked. This works by using css keyframes, but why is it only working on chrome and not Firefox, or Internet explorer?
Edit: Cannot seem to get the js fiddle to link correctly, hmm.
All your animation properties are prefixed with -webkit-, so they aren't going to work in non-webkit browsers (safari and chrome). Add the non-prefixed versions (animation-name, animation-duration) in addition to the prefixed ones.

Jquery touch punch works for Chrome and Firefox but not IE

I am using the jquery touch punch library to enable users to move images around via touch. This works fine in Chrome and Firefox but will not work in IE.
I find if I hold down on the image in IE a small square appears and I am able to drag the image within the boundaries of this square but no further. I guess this is the right click function kicking in.
I have looked around and most people are saying to add '-ms-touch-action: none' to the css of the draggable div. So I added that to the style attribute of the draggable div and it did nothing. I am still unable to drag in IE.
I've looked around for another alternative but am unable to find one. I have included jquery 1.8.1, jquery ui 1.8.23 and touch punch 0.2.2. Any help will be greatly appreciated.
I noticed the htm page I was launching containing the draggable div contained a meta tag which was emulating the page in IE9. 2 and a half days I spent on that! -ms-touch-action:none will definitely work in IE.
If you have come here and are experiencing the same issue but the above paragraph didnt fix it for you, try this:
In IE click the cog and go to Compatabilty View Settings and uncheck the box for Display intranet sites in Compatability View.

jquery carousel not functioning properly in Chrome or any webkit browser

I made a infinite carousel from scratch into a plugin with jquery. It works fine in Firefox but it works partially in Chrome, i.e. elements disappear as I slide the carousel.
Please view my codes here (it was too long to paste it): http://jsfiddle.net/HkTks/2/
Compare the carousel with Firefox and Chrome.
Why is Chrome behaving like that?
Many thanks​
Well, this may be a webkit bug. Looks like somehow the anchor element accidentally inherited absolute positioning rather than relative.
Seeing the style of .iconList a to include position: relative; and removing top:0 seemed to fix it for me.
Here's the updated fiddle: http://jsfiddle.net/HkTks/4/

Javascript slideshow/carousel/slider for general HTML and good IE support

I have recently used a JQuery plugin called cycle to create slides of general HTML content in my homepage (www.inspirastudios.com). Everything looked OK in Firefox and Chrome but while browsing the site with a client I got the ugly surprise of Internet Explorer 7 rendering my slides within an ugly gray background. Do you know:
how to solve this, or
any decent javascript slideshow/carousel/slider library that supports general HTML (not only images), previous and next slide activation buttons?
Nivo slider has all the features that you are looking for. http://nivo.dev7studios.com/
You might be facing the following problem: jquery cycle IE7 transparent png problem

Categories