Search the Community
Showing results for tags 'ie8'.
Found 34 results
-
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 there, well here comes IE8 ruinning my life (AGAIN). I was working on some rotation effects (I was thrilled with the results by the way), till I have discovered that IE8 does a horrible effect rotating the images. If you don't use position:absolute, the rotation affects the image within the div (If my div is a rectangle of 700 px by 300px) so the size of the rectangle acts like a mask. Plus: IE8 makes a horrible black border on the images that rotates, so ugly that is really hard to look at it, I saw this black horrible border using the alpha effect before, but I said, what the heck!, it's not critical, but this rotation issue really forces me to avoid the effect. All browsers are plain perfect as usual, but if it doesn't work on IE8 properly it's a problem. Sad but true, another jewl ruined by this so called browser. I've tried all combination of positions, but it does seems that the only position that rotates the div as it is expected to be on IE8 is absolute. Hope anyone could give me a hand on this one. Here's a simple example. TweenMax.to($logo,1,{css:{rotation:"360deg"},ease:Expo.easeOut}); http://www.kassandrafoto.com/ (So sorry if it's not allowed to post links, you can delete it any moment) Greetings. PS. ...really depressed till good news. Thanks for your GREAT, GREAT work guys.
-
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, First - thanks so much for making this javascript framework! I've been trying to get an animation going in IE7/8 that I got to work on all other browsers using your framework, but it doesn't function properly in those browsers. You can see it in action here: http://neu14.com/transitions/print/index2.html I'm also attaching my files -> see index2.html (that one uses greensock). Thanks for any thoughts! Pol PS: I'm unclear if I need the CSS plugin for rotation or opacity or not since they both can be numeric? (I used it, but not sure if it was needed) animation.zip -
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.
