Search the Community
Showing results for tags 'IE8'.
Found 34 results
-
Reporting a bug here. On IE8 my animation complete kills the experience, throwing a runtime error popup. Works fine though on Chrome and proper browsers. I'm doing the following: animateInBars : function(callOnComplete){TweenMax.staggerFrom( dom_element.find('.barchart-bar'), 0.5,{height:"0%", ease:Elastic.easeOut}, 0.01, callOnComplete);}, The animation works fine, but when the onCompleteAll kicks in, it crashes. IE8 throws this at me: Object expected TweenMax.js, line 308 character 7 That corresponds to this code on line: onCompleteAll.apply(onCompleteAllScope, onCompleteAllParams); So I tried adding an empty array for the onCompleteAllParams: animateInBars : function(callOnComplete){TweenMax.staggerFrom( dom_element.find('.barchart-bar'), 0.5,{height:"0%", ease:Elastic.easeOut}, 0.01, callOnComplete, []);}, And that fixes it
-
Currently I'm attempting to use autoalpha on a div containing text but have found that once the tween has completed the text doesn't have any aliasing applied to it. Is there any way to fix this? Do I have to remove the filtering completely somehow? I'm currently testing in IE8, as it works fine in Firefox and Safari. Thanks in advance.
-
error in ie7 & 8 when tween moment .png and text is black border effect like this.. but when animation complete back to normal please help me... thankyou
-
Hi! I noticed that when I nest animations (divs within divs within divs) in order to control animations, they play fine in modern browsers, but IE7 and IE8 only displays the animation to the outer div. I'm using simple TweenMax tweens for this in conjunction with jQuery, like this: TweenMax.from($("#cblattR"), 3, {css:{ rotation:90, scale:0.7}, ease:Power4.easeOut, delay:0.6}); TweenMax.from($("#PLANT"), 4, {css:{top:"300px", rotation:10, scale:0.2}, ease:Power4.easeOut}); Any ideas why this is and how to fix it? Thanks! Nico
-
Hai, i am facing issues in IE8 browser which have TweenLite. <!-- MY Javascript Code--> <script src="../../js/libs/jquery-1.7.2.min.js" type="text/javascript"></script> <script src="../../js/libs/tweenlite/CSSPlugin.min.js" type="text/javascript"></script> <script src="../../js/libs/tweenlite/TweenLite.js" type="text/javascript"></script> function startTween(){ var bg = document.getElementById("bgHolder"); TweenLite.to(bg, 10, {css:{x:500, y:700}}); } <!-- MY Html Code--> <button type="button" onclick="startTween()">Start Tween</button> <div id="bgHolder" style="background-color: #adff2f; width: 200px; height: 200px"> <div id="fgHolder" style="background-color:aqua; width: 50px; height: 50px"></div> </div> While running this code in Chrome is working fine but running IE8 its shows something different. my library's are updated, any solution for this my code also in http://jsfiddle.net/jophine/cdWhF/44/
-
Hey everyone, At the moment I'm working on a small class for myself to make different animated buttons with javascript, html and css (personal pre-made buttons to add them to project in the future). I'm making as much different animation I can think of growing, shining, depth, vibrating etc etc... I am now at the part where I am making them compatible for all browsers as much as possible (it's horror...) and working on a button that scales larger on mouse over. In all browsers this works perfectly fine except in IE7, IE8, and most likely IE6 too but I cant test that one. In these browsers the button does animate somewhat but does not expand and when it animates it removes the gradient filter that was on it... I have no idea how to enter this in jsfiddle, it's fairly complex :/ Because I want it to use as few files as possible and only want 1 line of code in the main document to call a button from the class, I generate the html and css of the button inside the JS file. The gradient I use for IE 7-9 is: gradientIE79 = "filter: progid:DXImageTransform.Microsoft.gradient(startColorStr="+ color2 +", EndColorStr="+ color1 +"); (color1 and color2 get added dynamically) and on the same button I use the follow Tween: TweenLite.to(button1, 0.25, { css:{scaleX:1.15, scaleY:1.15}}); What happens on my screen is that the button does show a sign of scaling, the top left corner of the button (I can see it because it still has a border around it) moves to the left corner to which it is supposed to tween. The problem is that the whole button move to the top left, it just re-positions instead of growing. Not only does it re-position but it also gets rid of the gradient that was on it as soon as the tween starts. I know it's all very confusing and I'm trying to explain it as good as I can. If there is anything not clear or if I left anything out, let me know. Thanks
-
Hi, We are getting an error in IE8, please see attached files. The site is using the latest TweenMax lib. Any idea what could cause this issue? Tested IE version 8.0.6001.18702. Thanks
-
Hi, I am really enjoying using this library and am fairly new to using the javascript version. I am having some problems with the css scale. I am trying to scale a div with a background image. They syntax I am using is TweenMax.to( $('.hero'), 1, {css:{scaleX:1.5,scaleY:1.5}, ease:Quad.easeInOut}) when the animation happens the div just disappears but only in IE7 and IE8, works perfect in everything else. Is my syntax incorrect? Thanks for any help anyone can offer, Travis
-
I'm getting the "Invalid Argument, Line 14, Character 10552" error from CSSPlugin.min.js on IE8 (Standards mode). Here's the bare essentials of the code that makes the TweenLite / CSSPlugin call to animate the "top" property: var sl = document.getElementById('theSlidesContnr'); var ypos = []; var slideHeight = $('.slide:first').outerHeight(); var totalSlides = $('#theSlidesContnr div.slide').length; var automove = true; var snum; var run; var speed = 3000; function moveSlide() { var d; if(automove) { if(snum === undefined) snum = 1; d = snum; if( snum < totalSlides ) { snum++; } else if( snum >= totalSlides ) { snum = 1; } } TweenLite.to(sl, 1, { css:{ top:ypos[d] }, ease:Power4.easeOut }); //TweenLite.to(sl, 1, { css:{ top:parseInt(ypos[d]) }, ease:Power4.easeOut }); } function autoRotate() { run = window.setInterval( moveSlide, speed); } function init() { for( var i=0; i < totalSlides; i++) ypos[i] = -(slideHeight * i); autoRotate(); } init(); Tried both "//{ css:{ top:ypos[d] }" and "{ css:{ top:parseInt(ypos[d]) }" but got the same error. The same code works fine in the standards browsers & IE7. I made sure to grab the latest greensock JS download. This is similar to another CSSPlugin error in IE8 but for a different line/character location in the code.
