أنقر هنا لترى مثال لعرض الصور
التنصيب
حمل الكود من هنا وعدل فيه روابط الصور وعددها وسرعة الجافا
PHP:
<!-- invitation script -->
<script type="text/javascript" src="slide.js"></script>
<!-- begin table -->
<table border="0" width="7%" id="table1">
<tr>
<td>
<!-- mouse detect -->
<div id="slider1" class="contentslide" onmousemove="Stop()" onmouseout="Start()">
<!-- picture user -->
<div style="display: none;" class="contentdiv">
<p align="center">
<a target="_blank" href="http://www.tounesfidammi.com/gal/album/Bisard/Tounesfidammi02.jpg" ><img src="http://www.tounesfidammi.com/gal/album/Bisard/Tounesfidammi02_thumb.jpg" width="175" border="0" height="150"></a>
</p>
<p align="center">صور تتعدى الحدود ... المثال رقم 02</div>
<div style="display: none;" class="contentdiv">
<p align="center">
<a target="_blank" href="http://www.tounesfidammi.com/gal/album/Bisard/Tounesfidammi03.jpg" ><img src="http://www.tounesfidammi.com/gal/album/Bisard/Tounesfidammi03_thumb.jpg" width="175" border="0" height="150"></a>
<p align="center">صور تتعدى الحدود ... المثال رقم 03</div>
<div style="display: none;" class="contentdiv">
<p align="center">
<a target="_blank" href="http://www.tounesfidammi.com/gal/album/Bisard/Tounesfidammi04.jpg" ><img src="http://www.tounesfidammi.com/gal/album/Bisard/Tounesfidammi04_thumb.jpg" width="175" border="0" height="150"></a>
<p align="center">صور تتعدى الحدود ... المثال رقم 04</div>
<!-- end picture user -->
<!-- clip -->
</div>
<p align="center">
<div class="pagination" id="paginate-slider1"> </div>
<script type="text/javascript">
ContentSlider("slider1",6000)
</script>
<!-- end clip -->
</tr>
</table>
</div>
حمل السكريبت من هنا وإرفعه لموقعك
يمكن ان تضع صور كثيرة ويمكن ان تعوض الصورة بنص او بفقرة مغييرا مابين وسم الظهور
رمز PHP:
PHP:
</div> </div>