Jump to content
GreenSock

Search In
  • More options...
Find results that contain...
Find results in...
greykrav

reference error script src

Recommended Posts

 

Errors:

https://imgur.com/a/Spt9PA7

 

greensock_test.html (located on desktop)

<html>
  <head>
    <meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
    <title>title</title>
	<script src="TimelineLite.min">
	</script>
	<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js">
	</script>
	
<script>
var line1 = $('#env-line-1');
var line2 = $('#env-line-2');
var line3 = $('#env-line-3');
var mailIcon = $('#mail-icon');
var envLid = $('#env-lid');
var envPaper = $('#env-paper');



var tl = new TimelineLite({
	paused:true,
});

TweenLite.defaultEase = Back.easeOut;
  
tl 
	.to(envLid, 0.3, {
		scaleY:-1,
		y: 1.5,
		}
	)

//etc...

 

Link to comment
Share on other sites

<script src="TimelineLite.min"> (you left off .js)

 

should be something like

 

<script src="whereGSAPis/TimelineLite.min.js">

 

But you can't use TimelineLite without TweenLite AND you probably need CSSPlugin too.

 

Since you are loading jQuery from a CDN I would suggest you do the same with TweenMax (which will include everything you need)

 

<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/2.1.1/TweenMax.min.js"></script>

 

or just load TweenMax locally like

 

<script src="whereGSAPis/TweenMax.min.js">

 

For more info please see the Getting Started article: https://greensock.com/get-started-js

  • Like 3
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Recently Browsing   0 members

    • No registered users viewing this page.
×