はHTMLにスーパー新しいHTML

をタグ付けするが、私はこのウェブスクリプトからはHTMLにスーパー新しいHTML

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

を機能TweenTo（elemは、DUR、スタイル）を取得しようとしてそしてここにどこにしてきたスクリプトから関数を取得できません私は、私は完全にonClickのは、画面上に呼び出されたときに、私はこの機能を実行するカント理由として、ここで失われています、その関数に

<img id="mainPic" src="mainPic.jpg" style="margin-top:70px;position:relative ! important" class="img-responsive" alt="Responsive image" onclick="startAnimation()"> 
     <script type="text/javascript"> 
      function startAnimation(){ 
       TweenTo(document.getElementById('mainPic'),1,{width:600px}) 
      } 
     </script>

を実装したいと思います。ありがとうございますD

出典

2016-09-09 Saif Elkholy

を使用しているライブラリのドキュメントを参照してください。それはあなたが 'ウィンドウ'でそれを見つけることができることを意味します。 – chenkehxx

@chenkehxxだから私は自分のコードで何をしたいのですか？もう一度申し訳ありませんが、私は文字通りHTML –

umの文字通り3日です。TweenToのドット（間違っています....） – epascarello

コードに構文エラーがあります：TweenToの後にドット（。）を削除してください。また

TweenTo(document.getElementById('mainPic'),1,{width:600px})

：このようにそれをしてみましょうあなたのナビゲータであなたにエラーを見つけ大いに役立つだろうjavascriptのための「エラーコンソール」を、探しに行きます。

更新は

あなたのコード内の別の、セマンティック・エラーがあります：TweenMax.min.jsスクリプトによると、機能tweenToは小文字で始まる：JavaScriptでプログラミングする場合大文字小文字に注意してください。

出典

2016-09-09 01:47:17

右しかし、それはまだアニメ化されていません（Tween Functionは要素をアニメーション化します） –

typoよりもさらに多くの問題があります。 – epascarello

@SaifElkholyああ、はい：私の更新を見てください。 –

変数 `TweenTo`と` startAnimation`がグローバルであるので、あなたが

https://greensock.com/tweenmax

function startAnimation(){ 
    TweenMax.to(document.getElementById('mainPic'),1,{width:'600px'}) 
}

出典

2016-09-09 02:02:04

はいありがとうございました。最後に皆さんにこのおかげです。 –

はHTMLにスーパー新しいHTML

答えて

関連する問題