Javascriptでのimg要素クラスの更新について

最近Google Gravityと呼ばれるウェブサイトを訪れました。私は自分のホームページに実装するのがクールだと思っていました。周りを検索した後、私は彼らのJavascriptがとても簡単に使えることが分かった。私はそこから見ることができるサンプルWebページを見ました。 http://ankitpatel.info/mygravity/Javascriptでのimg要素クラスの更新について

PHPで内部カウンタ変数を作成して、ユーザーが「ホーム」ページに移動するたびに、5回ごとにホームページがすべてのdivs、images、おそらくヘッダーテキスト。楽しそう。

私はそれを私の既存のサイトにコード化する前に、私はそれを右の例のページで手に入れることにしました。ここでは、上記のWebページから得たコードと私が行ったいくつかの変更があります。

元のコードでは、4 imgにclass = 'box2d'がハードコードされています。

私のホームページには、最初にそのクラスが添付されていませんでした。 PHPのカウンタが5番目のビューを読み込むと、すべてのdivを通過し、それぞれに余分なクラスを付加して効果を得るためのJavascript関数Gravity（）を呼び出します。これは最善の方法ですか？

私は以下を実行しようとしましたが、うまくいかないようです。しかし、もし私が手動でclass = 'box2d'を置くと、それは動作します。

この問題に対するすべての回答を感謝します。ありがとう。

<!DOCTYPE html> 
<html> 
<head> 
<title>Bigger Brands - Bigger Gravity (Thanks to Google Gravity js)</title> 
<script src="mygravity/ga.js" async="" type="text/javascript"></script> 
</head> 

<body style="position: static;"onload="getImages()"> 

<div id="content"> 
     <img src='mygravity/images/facebook-logo.jpg'/> 
    <img src='mygravity/images/google.jpg'/> 
    <img src='mygravity/images/twitter.png'/> 
    <img src='mygravity/images/microsoft-logo.png'/> 
</div> 

<script src="mygravity/api" type="text/javascript"></script> 
<script src="mygravity/defaulten.js" type="text/javascript"></script> 
<script src="mygravity/gravityscript.js" type="text/javascript"></script> 

<script language="JavaScript" type="text/javascript"> 
    function getImages(){ 

    var images = document.getElementsByTagName("img"); 
    var i; 

    for(i = 0; i < images.length; i++) { 
     images[i].className += " box2d"; 
     } 
    } 
</script> 

</body> 
</html>

出典

2012-03-27 abelusmc

重力スクリプトは、初期化時にクラスbox2dですべてのタグを検出します。これらのクラスを初期化の後に追加する場合は、クラスを追加した後に以下を実行する必要があります。

init(); 
run();

出典

2012-03-27 21:34:31

私はそれを書いているところに、参考になる小さな例を教えてください。私は最近、JSをつかんでいます。 – abelusmc

Javascriptでのimg要素クラスの更新について

答えて

関連する問題