Jump to content
Search Community

c0d3n4m3

Members
  • Posts

    4
  • Joined

  • Last visited

Profile Information

  • Location
    UK
  • Interests
    Programming

c0d3n4m3's Achievements

1

Reputation

  1. Legend! I didn't even think to do that! Working like a charm now, thank you so, so much for all your help! You've been fantastic!
  2. Hehe, that's OK, it's working now, but I cannot seem to get the animation to kill(); when viewing in IE10. Here is my snippet now: window.onload = function(){ var hasDocumentMode = (document.documentMode !== undefined), isIE10 = (hasDocumentMode === 10); var logo = document.getElementById("main_flip"); var myTimeline = new TimelineMax({repeat:-1, yoyo:true, repeatDelay:6}); myTimeline.append( new TweenMax.to(logo, 30, {ease:Elastic.easeInOut, css:{rotationY:1260}}) ); myTimeline.append( new TweenMax.to(logo, 30, {delay: 6, ease:Elastic.easeInOut, css:{rotationY:0}}) ); if(hasDocumentMode) { if(isIE10){ myTimeline.kill(); } } } I would also like to say a massive thank you as you've been a great help with all this!
  3. Brilliant, thanks guys for your help! The reason I'm after the recognising of IE10, is because I'm trying to make my "rotator.js" GSAP script, not load if the browser is IE10, funnily enough, because of lack of support for the preserve-3d rule. I've managed to sort the preserve-3d issue out using the IE10 preserve 3D workaround, not the best, but it works for now. I'm coming up with an issue with your script snippet, it's saying this: "Uncaught ReferenceError: isDocumentMode is not defined" Any thoughts guys? I've put the snippet with the <head> tags within a <script> tag, and that had the same error, and I also put the snippet within my rotator script. Both above and below the Tweenmax code, and that gave the error also. Where can I place this snippet? var hasDocumentMode = (document.documentMode !== undefined), isIE10 = (isDocumentMode === 10); // browser is IE if(hasDocumentMode) { if(isIE10){ // browser is IE10 } } This is my rotator.js: window.onload = function(){ var logo = document.getElementById("main_flip"); var myTimeline = new TimelineMax({repeat:-1, yoyo:true, repeatDelay:6}); myTimeline.append( new TweenMax.to(logo, 30, {ease:Elastic.easeInOut, css:{rotationY:1260}}) ); myTimeline.append( new TweenMax.to(logo, 30, {delay: 6, ease:Elastic.easeInOut, css:{rotationY:0}}) ); }
  4. Hi guys, everything is going great with the plugin, really really fantastic stuff! I do have one question, as IE is just a bugger.. What I have, is an external script loading from my server, that contains the JS for my GSAP animation. That works fine, and looks great. What I have no idea about, is how to make it so if the browser that the site is viewed in is Internet Explorer 10, how can I stop my animation script from loading, or is there some JS I can put within my rotation animation script to stop it from running if the browser is IE10? Hopefully you guys can help as I've been stumped on this one for a while now. you all rock! Thank you!
×
×
  • Create New...