لو سمحتوو ممكن طريقة أو كود

الكود:


<style type="text/css"><![CDATA[//
ul.ppt {position:relative;}
.ppt li {list-style-type:none;position:absolute;top:0;left:0;}
.ppt img {border:1px solid #e7e7e7;padding:5px;background-color:#ececec;}
//--></style>

<ul class="ppt">
  <li><img src="رابط الصورة" /></li>
  <li><img src="رابط الصورة" /></li>
  <li><img src="رابط الصورة" /></li>
</ul>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript">
$('.ppt li:gt(0)').hide();
$('.ppt li:last').addClass('last');
var cur = $('.ppt li:first');

function animate() {
   cur.fadeOut( 1000 );
   if ( cur.attr('class') == 'last' )
      cur = $('.ppt li:first');
   else
      cur = cur.next();
   cur.fadeIn( 1000 );
}

$(function() {
   setInterval( "animate()", 2000 );
} );
</script>


لا تنسى تغيير روابط الصور في الكود: