2012-02-07 121 views
0

我在PHP上,當用戶點擊圖片時,它會重定向到另一個,然後環節的工作,我需要是我的代碼當頁面在jquery中重新加載時更改圖像?

<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> 

我怎樣才能重新加載頁面後更改的形象在這裏改變形象?

在此先感謝。

回答

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

這將只在頁面加載時附加事件監聽器,不會在加載頁面時更改圖像。 – moranjk 2012-02-07 11:55:58

+0

是的,我知道,但當重定向到另一個鏈接,然後只有圖像更改 – 2012-02-07 12:36:11

+0

我編輯我的問題 – 2012-02-07 12:46:31

0

您已經用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

相關問題