Sumit_95
Members-
Posts
9 -
Joined
-
Last visited
About Sumit_95
- Birthday 04/23/1995
Profile Information
-
Location
Mumbai, India
-
Interests
Scripting, Coding, Networking. etc
Recent Profile Visitors
669 profile views
Sumit_95's Achievements
1
Reputation
-
It Worked thanks a lot sir. _/\_
-
uhmm, i feel ashame take help :/ again and again. but sir, it isn't working i have added the above link, nothing is happening. it loads css but not javascript
-
SCROLLMAGIC <script src="//cdnjs.cloudflare.com/ajax/libs/ScrollMagic/2.0.5/ScrollMagic.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/ScrollMagic/2.0.5/plugins/debug.addIndicators.min.js"></script> GSAP <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/1.19.1/TweenMax.min.js"></script> if i want to manually load the script files, then which are those ? can you name it ??
-
Ok thanks again. What i need to use gsap on my laptop ? i think there's an maxcdn issue, if it isn't then which files of should i link to my html ? Seriously it isn't working on my PC
-
PointC, I have copied your code for learning purpose, and i'd run. but sir it really isnt working on my laptop. I have used maxcdn , i don't know what's wrong, but seriously isn't working Help me
-
Hi PointC, Thanks a lot sir. You helped me alot. i would like to be in touch with you further. I did a mistake in javascript ? as i copied the code from internet. I need to learn a lot. Mainly i need Parallax effect on my home page and some scroll animations on my texts. thats it.
-
Hi Dipscom, I have seen all examples of ScrollMagic , i have tried it on my laptop. But it wasnt working. So i thought of to go with GSAP But again GSAP wasnt working. I have tried the basic of gsap. But still the same. OK! Sorry, i wont ask issues regarding ScrollMagic. But what if i had any issue ? Sir, i need parallax effect on my home page. And some text animation(Fade in, fade out etc..) which will be based on my scroll.
-
I'd used may things and many ways. First i learnt and implemented, it wasnt working then i copied each and every code from internet. Followed "ihatetomatoes" and all his tutorials. But, it isn't working. http://codepen.io/sumit_95/pen/MpVPxK this what i did, please help me. <!DOCTYPE html> <html> <head> <title>Rooms Hourly</title> <link rel="stylesheet" type="text/css" href="animate.css"> <link href="https://fonts.googleapis.com/css?family=Josefin+Sans" rel="stylesheet"> <link href="https://fonts.googleapis.com/css?family=Snippet" rel="stylesheet"> <link href="https://fonts.googleapis.com/css?family=Questrial" rel="stylesheet"> <link href="https://fonts.googleapis.com/css?family=Poiret+One" rel="stylesheet"> <link href="https://fonts.googleapis.com/css?family=Alegreya+Sans" rel="stylesheet"> <meta charset="utf-8"> <link rel="stylesheet" type="text/css" href="newtry.css"> <link href="https://fonts.googleapis.com/css?family=Pacifico" rel="stylesheet"> <link rel="shortcut icon" href="key.png" /> <!-- Bootstrap CDN --> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/ScrollMagic/2.0.5/ScrollMagic.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/ScrollMagic/2.0.5/plugins/debug.addIndicators.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/1.19.1/TweenMax.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/ScrollMagic/2.0.5/ScrollMagic.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/ScrollMagic/2.0.5/plugins/debug.addIndicators.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/1.19.0/TweenMax.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/ScrollMagic/2.0.5/plugins/animation.gsap.min.js"></script> <script src="js/app.js"></script> <script src="newtry.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/1.19.1/plugins/CSSPlugin.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/1.19.1/easing/EasePack.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/1.19.1/TweenLite.min.js"></script> </head> <body> <div class="parallax slide" id="parallax"> <div class="row"> <h1>ROOMS HOURLY</h1> </div> </div> <div class="slidein slide" id="slidein"> <div class="row"> <h1>Slide and pin</h1> </div> </div> <div class="slidein2 slide" id="slidein2"> <div class="row"> <div id="left"> <h1>From left</h1> </div> <div id="opacity"> <h1>Fade in</h1> </div> <div id="bottom"> <h1>From bottom</h1> </div> </div> </div> </body> </html> body { margin: 0; font-family: sans-serif; } .slide .row { display: flex; justify-content: center; align-items: center; height: 100vh; color: white; text-align: center; } .intro { background: #305a5b; } .parallax { background: 50% 0,url(bg50.png); } .slidein { background: #5b3030; } .slidein2 { background: #304b5b; } .slidein2 .row { justify-content: space-around; } $(document).ready(function(){ //init ScrollMagic var controller = new ScrollMagic.Controller(); //build a scene var ourscene1 = new ScrollMagic.Scene({ triggerElemet: "#parallax", triggerHook: "onEnter"; }); .duration('200%'); .setTween("parallax", { backgroundPosition: "50% 100%", ease: Linear.easeNone }); .addIndicators(); .addTo(Controller); var ourscene2 = new ScrollMagic.Scene({ triggerElement: "#slidein", triggerHook: "onLeave", }); .setPin("#slidein"); //.addIndicators() // add indicators (requires plugin) .addTo(controller); var ourscene3 = new ScrollMagic.Scene({ triggerElement: "#slidein2", triggerHook: "onLeave", }); .setPin("#slidein2"); //.addIndicators() // add indicators (requires plugin) .addTo(controller); }); Help me @PointC
-
I am beginner and I want to use gsap and scrollmagic in my project. But as I am using CDN it isn't working at all. Nothing moves. Help me please. What shall I do ? Why there's no animation???? Reply me with totally basic code, help.me. thank you.