الان جرب هذا الكود
كود:
<script type="text/javascript" src="http://www.albr-wh.org/scripts/jquery-1.2.2.pack.js"></script>
<head>
<link rel="stylesheet" type="text/css" href="http://www.albr-wh.org/styles/dciwww/featuredcontentglider.css" />
<script type="text/javascript" src="http://www.albr-wh.org/scripts/featuredcontentglider.js">
/***********************************************
* Featured Content Glider script- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
* Visit http://www.dynamicDrive.com for hundreds of DHTML scripts
* This notice must stay intact for legal use
***********************************************/
</script>
<script type="text/javascript">
featuredcontentglider.init({
gliderid: "canadaprovinces", //ID of main glider container
contentclass: "glidecontent", //Shared CSS class name of each glider content
togglerid: "p-select", //ID of toggler container
remotecontent: "", //Get gliding contents from external file on server? "filename" or "" to disable
selected: 0, //Default selected content index (0=1st)
persiststate: false, //Remember last content shown within browser session (true/false)?
speed: 1000, //Glide animation duration (in milliseconds)
direction: "downup", //set direction of glide: "updown", "downup", "leftright", or "downup"
autorotate: true, //Auto rotate contents (true/false)?
autorotateconfig: [3000, 2] //if auto rotate enabled, set [milliseconds_btw_rotations, cycles_before_stopping]
})
</script>
</head>
<!-- START BLOCK : news -->
<div id="welcmsg">الأخبار <img border="0" src="{img_dir}/arrow1.gif" alt=""></div>
<div id="canadaprovinces" class="glidecontentwrapper"><!-- START BLOCK : stknews --><div class="glidecontent" style="position: absolute; left: 10px; top: 13px; width: 470px; height: 170px">
<div id="xsnazzy">
</div>
<div class="xboxcontent">
<div class="rnewstitle">{caption}</div>
<span style='float:left'> {picture} </span><div class="author"> {date} م</div><div class="news"> {text}
<br><br>
<div id="newsicons"><span style='float:right'><img border="0" src="infimages/newscomment.gif" alt="التعليقات"> {comnum} | <img border="0" src="infimages/newssend.gif" alt="إرسال"> {greet} | <img border="0" src="infimages/newsviews.gif" alt="الزيارات"> {views}</span><span style='float:left'>{readmore}</span></div>
</div>
</div>
<b class="xbottom"><b class="xb4"></b><b class="xb3"></b><b class="xb2"></b><b class="xb1"></b></b>
</div>
<!-- END BLOCK : stknews -->
</div>
<div id="p-select" class="glidecontenttoggler">
<a href="#" class="prev">السابق</a>
<a href="#" class="toc">1</a>
<a href="#" class="toc">2</a>
<a href="#" class="toc">3</a>
<a href="#" class="toc">4</a>
<a href="#" class="toc">5</a>
<a href="#" class="toc">6</a>
<a href="#" class="toc">7</a>
<a href="#" class="toc">8</a>
<a href="#" class="toc">9</a>
<a href="#" class="toc">10</a>
<a href="#" class="next">التالي</a>
</div>
<table align="center" border="0" width="96%" class="tborder" cellspacing="1" cellpadding="4" {ldir}>
<tr>
<!-- START BLOCK : rownewsa -->
<!-- row1 start-->
<td {clsp} class="rnewstitle" valign="top" width="{width}%">
<span style='float:right'>{picture}</span>{caption}
<div class="author">{date} م</div>
<div class="news">{text}</div>
<div id="newsicons"><span style='float:right'><img border="0" src="infimages/newscomment.gif" alt="التعليقات"> {comnum} | <img border="0" src="infimages/newssend.gif" alt="إرسال"> {greet} | <img border="0" src="infimages/newsviews.gif" alt="الزيارات"> {views}</span><span style='float:left'>{readmore}</span></div>
</td>
<!-- row1 end-->
{tr}
<!-- START BLOCK : rownewsb -->
<!-- row2 start-->
<td {clsp} class="rnewstitle" valign="top" width="{width}%">
<span style='float:left'>{picture}</span>{caption}
<div class="author">{date} م</div>
<div class="news">{text}</div>
<div id="newsicons"><span style='float:right'><img border="0" src="infimages/newscomment.gif" alt="التعليقات"> {comnum} | <img border="0" src="infimages/newssend.gif" alt="إرسال"> {greet} | <img border="0" src="infimages/newsviews.gif" alt="الزيارات"> {views}</span><span style='float:left'>{readmore}</span></div>
</td>
<!-- row2 end-->
{tr}
<!-- END BLOCK : rownewsb -->
<!-- END BLOCK : rownewsa -->
</tr>
</table>
</div>
<br>
<!-- END BLOCK : news -->
<div style="width:96%">
<!-- التالي لعرض موديل الكروت -->
<!-- INCLUDE BLOCK : cardmodule -->
<!-- التالي لعرض موديل الصور -->
<!-- INCLUDE BLOCK : albummodule -->
<!-- START BLOCK : centblocks -->
<div id="blocktable">
<!-- START BLOCK : dcblockhead -->
<div class="blocktitle"><span style='float: right'><img border="0" src="{img_dir}/arroww.gif"></span>{title}</div>
<!-- END BLOCK : dcblockhead -->
<!-- START BLOCK : cblockhead -->
{pic}
<!-- END BLOCK : cblockhead -->
<div class="blockcontent">
{cont}
<!-- START BLOCK : cblockfooter -->
</div>
<!-- END BLOCK : cblockfooter -->
</div>
<br>
<!-- END BLOCK : centblocks -->
<!--newcmodule-->
<!-- التالي لعرض موديل المقالات -->
<!-- INCLUDE BLOCK : articlemodule -->
<!-- التالي لعرض موديل الصوتيات -->
<!-- INCLUDE BLOCK : voicemodule -->
<!-- التالي لعرض موديل الفيديو -->
<!-- INCLUDE BLOCK : videomodule -->
<!-- التالي لعرض موديل الجوال -->
<!-- INCLUDE BLOCK : mobilemodule -->
<!-- التالي لعرض موديل الأخبار -->
<!-- INCLUDE BLOCK : newsmodule -->
</div>