<?php
// Error reporting:
error_reporting(E_ALL^E_NOTICE);
require "connect.php";
require "banner.class.php";
$bannerResult = mysql_query("SELECT * FROM banners");
$banners = array();
while($row=mysql_fetch_assoc($bannerResult))
{
$banners[] = new Banner($row);
}
// Randomizing the $banners array:
shuffle($banners);
// Splitting the banners array into smaller arrays with 4 banners each:
$bannerGroups = array_chunk($banners,4);
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Simple Banner Rotator With PHP, jQuery & MySQL | Tutorialzine demo</title>
<link rel="stylesheet" type="text/css" href="styles.css" />
</head>
<body>
<h1>Simple Banner Rotator With PHP, jQuery & MySQL</h1>
<h2><a href="http://tutorialzine.com/2010/04/simple-banner-rotator-with-php-jquery-mysql/">Go Back to the Tutorial »</a></h2>
<div id="main">
<!-- Two groups of banners -->
<ul class="bannerHolder">
<?php
// Looping through the first group:
foreach($bannerGroups[0] as $ban)
{
echo '<li>'.$ban->html().'</li>';
}
?>
</ul>
<ul class="bannerHolder">
<?php
// Looping through the second group:
foreach($bannerGroups[1] as $ban)
{
echo '<li>'.$ban->html().'</li>';
}
?>
</ul>
</div>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" src="script.js"></script>
</body>
</html>
PHP+MYSQL实现Ajax图片随机载入及提示特效
版权申诉
101 浏览量
2023-03-14
23:38:00
上传
评论
收藏 94KB ZIP 举报
SimpleBannerRotator.zip （14个子文件） 
SimpleBannerRotator 
demo.php 2KB banner.class.php 680B img banners 
themeLayouts.gif 5KB themeForest.gif 10KB
siteGrinder.jpg 7KB psd2html.jpg 10KB bestDesigns.jpg 8KB mailChimp.jpg 17KB gomedia.jpg 5KB
rapidHTML.png 28KB connect.php 316B table.sql 1KB styles.css 2KB script.js 876B资源评论
