php jquery sliding & mysql

[anthelo]

Hello,

 

i want when click next button to show the 4 content ... ive try everything

 

 
               <div id="MoreBoxBorder"><div id="MoreBoxBorderLine"></div></div>
		   <div id="ArrowMoreBox"><a class="next browse right"><div id="ArrowMoreImage"></div></a></div>

<?php
$query = "SELECT *, date_FORMAT(Date, '%H:%i') as Date_Time FROM tblnews WHERE LatestNews = 1 AND Category != 10 ORDER BY `Date` DESC LIMIT 4";
$result = mysql_query($query);
while($row = mysql_fetch_assoc($result)) {  
?>					
               <div id="MoreBox" id="comments">
               <div class="box">
                            <a href="<?php echo BASE_URL;?>index.php?pid=article&artidread=<?php echo $row['Id'];?>"><img src="<?php echo html_entity_decode($row['Thumb']);?>" border="0"  width="110" height="64" /></a>
                            <strong><a href="<?php echo BASE_URL;?>index.php?pid=article&artidread=<?php echo $row['Id'];?>"><strong><?php echo html_entity_decode(substr($row['Title'],0,437));?></strong></a></strong>
                            <p><?php echo html_entity_decode($row['SubTitle']);?></strong>
						<div id="MoreIcoBox">
						<a href="<?php echo BASE_URL;?>index.php?pid=article&artidread=<?php echo $row['Id'];?>"><img id="MoreIco" src="<?php echo BASE_URL;?>images/news/more.png" border="0" /></a>
						</div>

                </div>
		</div>

<?php } ?>

 

Like the image.. when i click next image will display another 4  (& auto scroll every 10seconds)

 

Any help please

 

Thank you

 

[attachment deleted by admin]