2012-12-19 61 views
0

我有4個div和每個鼠標懸停,我想的src改變。
我必須從PHP得到圖像。
如何在我的jQquery腳本中使用我在PHP中獲得的數組?
而我只知道4,我可以在JavaScript中設置數組並放置每個圖像名稱,但這不是我正在尋找的功能。在jquery中訪問php數組

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>Untitled Document</title> 

<style> 
div{ 
height:100px; 
width:100px; 
display:inline-block; 
background-color:blue; 
} 
#my_image{ 
height:100px; 
width:100px; 
display:inline-block; 
} 

</style> 

<?php 

$images = scandir("images", 1); 

?> 

<script> 

$(document).ready(function(){ 
    $(div).mouseover(function(){ 
     $("#my_image").attr("src", /*my php array*/); 
    }); 

}); 

</script> 
</head> 

<body> 
    <div></div> 
    <div></div> 
    <div></div> 
    <div></div> 
    <img id="my_image" /> 
</body> 
</html> 
+1

我不清楚你最終的結果是什麼。一張圖像只能有一個SRC。 – Blazemonger

+0

我希望src可以根據鼠標所在的div變成不同的圖像。 – marseilles84

回答

6
var images = <?php echo json_encode($images); ?>; 

然後你有一個數組稱爲images,你可以在你的JavaScript代碼使用。儘管在評論的位置使用它是沒有意義的。您不能將數組分配給圖像的src。

+0

對,它會是這樣的:$(「#my_image」)。attr(「src」,images [0]); – marseilles84