Jquery image slider wont work and also crashes other UI stuff

[sugafree]

Hi,

 

I am trying to create a decent website. I decided to use some jquery to make it look better, but frankly im struggling with it as im still new to JS and Jquery. I want to add a 3D jquery image slider http://codepen.io/johnblazek/pen/nceyw but as soon as I add it, it messes up my css and nothing is working.

 

In the header is used

<link href="css/ui-lightness/jquery-ui-1.10.4.min.css" rel="stylesheet"><script src="js/jquery-1.10.2.js"></script><script src="js/jquery-ui-1.10.4.js"></script>

index.html

style.css

Edited June 17, 2014 by sugafree

[justsomeguy]

Are you checking for errors in your browser's developer console?

[sugafree]

It shows 2 JS errors. first is ReferenceError: TweenMax is not defined

 

// set container 3d propsTweenMax.set(container, {perspective:600})TweenMax.set(carousel, {z:-(radius)})

[sugafree]

second on is Use of getPreventDefault() is deprecated. Use defaultPrevented instead. in jquery-1.10.2.js Ive changed this and the error disappeared but nothing changed. The whole div doesnt show up and some CSS wont work and some other jquery

 

// Events bubbling up the document may have been marked as prevented// by a handler lower down the tree; reflect the correct value.this.isDefaultPrevented = ( src.defaultPrevented || src.returnValue === false ||src.getPreventDefault && src.getPreventDefault() ) ? returnTrue : returnFalse;

[justsomeguy]

It sounds like you aren't including the file that defines TweenMax. That will be a fatal error, so the code after that line won't execute.

[sugafree]

is there any other stuff or website where you could recommend free sliders?

[justsomeguy]

I don't really work much with that. If you want to use that one, just include the TweenMax file also.