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）

在jquery中重新加载页面时更改图像？

2 个答案: