隨機圖像，無需重新加載頁面php

我期待構建一個顯示單個圖像的頁面我想實現的是，點擊「下一步」按鈕時，圖像應該改變，但頁面不應該重新加載。隨機圖像，無需重新加載頁面php

我將要存儲在一個文件夾中的圖像和名稱將是隨機的。我已經使用php和一些JavaScript，所以我有基本的知識。

我google了一下這個問題，有人說使用Ajax，有人說使用jquery。我只是無法弄清楚我應該採取什麼方法。

任何幫助將不勝感激

2013-02-07 Arihant

您可以通過AJAX +的jQuery（JavaScript的）的快速反應做..它不可能只用PHP –

隨着JavaScript，只是改變圖像的來源。

document.getElementById('image-id').src = 'new-image.png';

來源

2013-02-07 05:24:52

謝謝，但我想要知道是否在部分.src ='new-image.png'中可以使用.src ='<？php $ variable？>';其中$變量包含我的圖像的文件名？ – Arihant

@ user1216752不，你不能使用，因爲PHP在服務器端執行..通過PHP更改你沒有選擇比阿賈克斯或websocket –

@ user1216752如果你想顯示圖像從服務器端獲取使用ajax –

您可以使用JavaScript來顯示任何圖像

<head> 
    <script type="text/javascript"> 

     function changeImage() { 
      document.getElementById("iRock").src = "iRock_Happy.png"; 
     } 

    </script> 
</head> 
<body> 
     <img src="iRock.png" id= "iRock" onclick="changeImage()"> 
</body>

來源

2013-02-07 05:28:37 ScoRpion

所以如果我得到這個正確的，這個腳本會做的是默認的（我的意思是當頁面剛剛打開時）它會顯示圖像'iRock.png'，一旦點擊圖像本身，它會dislpay形象'iRock_happy .png'？ – Arihant

@ user1216752是的正確.. –

有無論如何，你可以建議，而不是'iRock_happy.png'我可以放一個變量，總是有一個隨機的圖像名稱，以便每當圖像被點擊一個隨機圖像顯示？ – Arihant

隨機圖像，無需重新加載頁面php

回答

相關問題