Изменить изображение при перезагрузке страницы в 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

Вы уже устанавливаете изображение с помощью переменной PHP

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

Просто измените изображение на стороне сервера. Если вы не говорите об URL-адресах изображений в JavaScript, то вы можете либо сделать их значения переменными PHP и установить их с сервера, либо создать файл PHP, который возвращает изображение и поместить всю необходимую логику, чтобы определить, какое изображение отображать оттуда. (http://php.net/manual/en/function.imagejpeg.php)

Answer 2

    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;
    });
});