jqueryでページをリロードするとイメージが変わりますか？

Question

私は、ユーザーの画像をクリックして、それはその後、別のリンクにリダイレクトするときときにPHPで働いています、私は

<script type="text/javascript"> 
    $(document).ready(function() { 
     $("#cards").click(function() { 
      d = new Date(); 
      $("#cards").attr("src","http://ifliptips.com/admin/VueGuides/images/ifliptips_hover.jpg?timestamp=" + new Date().getTime()); 
      $("#tips").attr("src","http://ifliptips.com/admin/VueGuides/images/iflipcards.jpg"); 
      $("#registeruser").attr("src","http://ifliptips.com/admin/VueGuides/images/reg_users.jpg"); 


     }); 
    }); 
</script> 


    <?php 
    $redirect=REDIRECT; 

    $path=$redirect."/images/iflipcards.jpg"; 
?> 
<li class="active"> 
    <a href="quizcatagory.php" id="quizcatagory"> 
     <img id="cards" style="padding-top:15px" width=70 height=18 src=<?php echo $path; ?> /> 
    </a> 
</li> 

がどのようにページのリロード後の画像を変更することができます私のコードで、ここで画像を変更する必要がありますか？

ありがとうございます。

Answer 1

url = "cardcatagory.php"; 
    $(location).attr('href', url); 

上記のコードは、ページを別のリンクにリダイレクトします。以下を試してください。

$(document).ready(function() { 

    $("#quizcatagory").click(function() { 
     d = new Date(); 
     $("#cards").attr("src", "http://ifliptips.com/admin/VueGuides/images/ifliptips_hover.jpg?timestamp=" + new Date().getTime()); 
     $("#tips").attr("src", "http://ifliptips.com/admin/VueGuides/images/iflipcards.jpg"); 
     $("#registeruser").attr("src", "http://ifliptips.com/admin/VueGuides/images/reg_users.jpg"); 
     return false; 
    }); 
}); 

Answer 2

あなたは既にだけで、サーバー側で画像を変更するPHP変数

<img id="cards" style="padding-top:15px" width=70 height=18 src=<?php echo $path; ?> /> 

に画像を設定しています。 JavaScriptの画像URLを話さない限り、PHP変数の値を設定してサーバーから設定するか、画像を返すPHPファイルを作成し、表示する画像を決定するために必要なロジックをすべて入れることができますそこから。 （http://php.net/manual/en/function.imagejpeg.php）