DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> 用javascript+php隨機顯示圖片
用javascript+php隨機顯示圖片
編輯:關於JavaScript     

想必你會用javascript隨機顯示圖片。但如果圖片的資料(比如鏈接)是經常變化,或是由用戶修改、增加的,怎麼辦?我這裡有個辦法。
把圖片的資料(如名稱、地址、鏈接等)放在一個TXT文件裡(如有MYSQL更好,沒有也罷)。HTML文件中由javascript調用PHP程序,PHP程序隨機讀取圖片資料。程序見 <script src="/images/NullPic.gif
163 www.163.com image.163.com/images/logo.gif
sohu www.sohu.com www.sohu.com/image/logo.gif

readrand.php(此程序實際上是生成一句javascript語言)
<?
$arrayall=file("tp.txt");讀出tp.txt內容到數組
$arrays=count($arrayall);
if ($arrays==1){//because rand(0,0) is wrong
$selectrand=0;
}else{
srand((double)microtime()*1000000);//設定隨機數種子
$selectrand=rand(0,$arrays-1);
}
$exstr=explode(chr(9),$arrayall[$selectrand]);//從全部中隨機取出一個並分割
?>
document.write('<a href="<? echo $exstr[1];?>" target="new"><img src="<? echo $exstr[2];?>" width="200" height="50" alt="<? echo $exstr[0];?>" ></a>');


HTML文件
<html>
<body>
<script language='javascript' src='readrand.php'>
</script>
</body>
</html>
(你可以把scripty放到你需要的位置,並可以加入setTimeout()函數以實現定時刷新)

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved