紡績中にちらつき画像

<!DOCTYPE html> 
<html> 
    <head> 
     <style> 
      body { 
       background-color: grey; 
      } 
      img.Billgates { 
       margin-top: 30px; 
       border: 2px solid black; 
       margin-bottom: 20px; 
       display:block; 
       margin-left:auto; 
       margin-right:auto; 
       -webkit-animation:spin 4s linear infinite; 
       -moz-animation:spin 4s linear infinite; 
       animation:spin 4s linear infinite; 
      } 
       @-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } } 
       @-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } } 
       @keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } } 
     </style> 
    </head> 

    <body> 
     <script type="text/javascript" language="javascript"> 
    function billFunction(img) { 
     var Bill = document.getElementById('BillGate'); 
     if (img.src.match("Bill")) { 
      img.src = "images/bill-gates.jpg"; 
     } else { 
      img.src = "images/Card.jpg"; 
     } 
    } 
    function outbillFunction(img) { 
    var Out = document.getElementById('BillGate'); 
    if (img.src.match("Bill")) { 
     img.src="images/Card.jpg"; 
    } 
    else { 
     img.src = "images/bill-gates.jpg"; 
    } 
    } 
    /* End of JavaScript code */ 
     </script> 
     <img id="BillGate" src="images/bill-gates.jpg" alt="Bill Gates" class="Billgates" onmouseover="billFunction(this)" onmouseout="outbillFunction(this)"/> 
    </body> 
</html>

こんにちは！これは私のコードと私はそれを上に浮かぶことなく私は毎秒イメージを変更することができますので、基本的に回りますが、毎秒イメージを変更することを迷っています。私は写真を画像/ bill-gates.jpgとimages/Card.jpgにしたいと思いますあなたの助けてくれてありがとう！紡績中にちらつき画像

出典

2016-05-31 Albin Karlsson

setIntervalメソッドを参照する必要があります。http://www.w3schools.com/jsref/met_win_setinterval.asp –

onmouseoverから関数呼び出しを削除し、次のコードを追加します。

window.setInterval（関数（）{

///

ここにあなたの関数を呼び出す}、1000）;

出典

2016-05-31 08:43:24

イメージを変更する関数を設定するにはどうすればよいのですか？D –

マウスオーバーの両方を削除し、そしてたsetInterval方法しかしながら

を実装します。

元のパックを元に戻すことができることを確認してください。最初は2つの関数がありますので、既存の2つの関数を1つの大きな関数に変更するために個人的に行っています。したがって、setIntervalメソッドで関数を呼び出すと、どちらの場合もそれに応じて置き換えられます。

これが少し助けてくれることを願っています。

出典

2016-05-31 09:03:51 Cactus

答えて

関連する問題