Coder Social home page Coder Social logo

Not working on Codepen.io about anime HOT 7 CLOSED

thewadeng avatar thewadeng commented on May 3, 2024
Not working on Codepen.io

from anime.

Comments (7)

lukebatchelor avatar lukebatchelor commented on May 3, 2024 2

You have 'target' instead of 'targets'

http://codepen.io/hotmilo23/pen/YWVAkd?editors=1111

from anime.

juliangarnier avatar juliangarnier commented on May 3, 2024 1

You must load anime.js before executing anime({}).

from anime.

thewadeng avatar thewadeng commented on May 3, 2024

That's what I did, in the HTML section of Codepen. It still would not register the animation, even though I linked it as such:

<script src="anime.min.js"></script>

:(

(I just edited the original post to show what I did.)

from anime.

thewadeng avatar thewadeng commented on May 3, 2024

@lukebatchelor Unfortunately, I set the up the script like you showed me, yet it still won't work. Here's a link to what's going on:

screenshot 175

from anime.

lukebatchelor avatar lukebatchelor commented on May 3, 2024

The script tag you have there would only work if you had the file saved and being delivered on the same domain you are on. You need it to point to a server that is serving that file.

<script src="https://rawgithub.com/juliangarnier/anime/master/anime.min.js"></script> for example.
That pulls the script directly from this repo.

In codepen you can also put dependencies under settings -> JavaScript.

.

Instead of pointing to gihub, you could point at the pen you posted earler too.
http://codepen.io/juliangarnier/pen/4032af61ca0478304ab7b31b70a44804.

Hope that helps

from anime.

thewadeng avatar thewadeng commented on May 3, 2024

Awesome! Thanks, Luke! I'll try and see if it works in the morning. :D
On Jul 1, 2016 12:48 AM, "lukebatchelor" [email protected] wrote:

The script tag you have there would only work if you had the file saved and
being delivered on the same domain you are on. You need it to point to a
server that is serving that file.

<script src="https://rawgithub.com/juliangarnier/anime/master/anime.min.js "></script> for example.

That pulls the script directly from this repo.

In codepen you can also put dependencies under settings -> JavaScript.

https://camo.githubusercontent.com/8f277e738bfb34601a47d68a6ef707b33efe36cf/687474703a2f2f692e696d6775722e636f6d2f73414d366c36462e706e67
.

Instead of pointing to gihub, you could point at the pen you posted earler
too.
http://codepen.io/juliangarnier/pen/4032af61ca0478304ab7b31b70a44804.

Hope that helps


You are receiving this because you authored the thread.
Reply to this email directly, view it on GitHub
#19 (comment),
or mute the thread
https://github.com/notifications/unsubscribe/ARH6TLecR4NHFNz5fhSNMm-qLIOIYtzaks5qRJwCgaJpZM4JB4rr
.

from anime.

thewadeng avatar thewadeng commented on May 3, 2024

@lukebatchelor @juliangarnier Thank you both so very much for helping. It worked when I changed the source of the script, as per Luke's instructions, to:

<script src="https://rawgithub.com/juliangarnier/anime/master/anime.min.js"></script>

I'll be sure to start using this framework more often, and if possible, I'd like to start contributing to this repository. :D

from anime.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.