طلب كود

    <link rel="stylesheet" type="text/css" href="https://dl.dropboxusercontent.com/u/64727436/H/jq/sh1/css/css.css" media="all">
      <link rel="stylesheet" type="text/css" href="https://dl.dropboxusercontent.com/u/64727436/H/jq/sh1/css/1.css" media="all">
        <script src="https://dl.dropboxusercontent.com/u/64727436/H/jq/sh1/js/jquery.min.js"></script>
    <script src="https://dl.dropboxusercontent.com/u/64727436/H/jq/sh1/js/jquery.easing.js"></script>
    <script src="https://dl.dropboxusercontent.com/u/64727436/H/jq/sh1/js/jquery.carouFredSel-5.5.0.js"></script>
    <script src="https://dl.dropboxusercontent.com/u/64727436/H/jq/sh1/js/jquery.tipsy.js"></script>
    <script src="https://dl.dropboxusercontent.com/u/64727436/H/jq/sh1/js/styleswitch.js"></script>
    <script src="https://dl.dropboxusercontent.com/u/64727436/H/jq/sh1/js/jquery.js"></script>
    <script type="text/javascript">
    $(document).ready(function() { 
    $('#foo1').carouFredSel({
                  auto: {pauseDuration: 5000, delay: 375},
                  prev: '#foo1_prev',
                  next: '#foo1_next',
                  pagination: "#foo1_pag",

                });
    $('#foo2').carouFredSel({
                  auto: {pauseDuration: 5000, delay: 375},
                  prev: '#foo2_prev',
                  next: '#foo2_next',
                  pagination: "#foo2_pag",

                });
   

    });
    </script>




    <div style="width: 903px;margin: 0px auto;height: 195px;overflow: hidden;"><div class="image_carousel">
        <div id="foo1">

    <!-- المجموعة الأولى -->


    <a href="رابط الموضوع">
    <img src="http://cdn.top4top.co/i_d7f02014461.png" alt=" اسم الموضوع " width="200" height="150"></a>
    <a href="رابط الموضوع">
    <img src="http://cdn.top4top.co/i_d7f02014461.png" alt="اسم الموضوع" width="200" height="150"></a>
           
    <a href=" رابط الموضوع">
    <img src="http://cdn.top4top.co/i_d7f02014461.png" alt=" Classroom Crisis 2+3" width="200" height="150"></a>
    <a href="رابط الموضوع">
    <img src="http://cdn.top4top.co/i_d7f02014461.png" alt="اسم الموضوع" width="200" height="150"></a>
    <a href="رابط الموضوع">
    <img src="http://cdn.top4top.co/i_d7f02014461.png" alt=" اسم الموضوع" width="200" height="150"></a>
    <a href="رابط الموضوع">
    <img src="http://cdn.top4top.co/i_d7f02014461.png" alt=" اسم الموضوع " width="200" height="150"></a>
       

    <a href="رابط الموضوع">
    <img src="http://cdn.top4top.co/i_d7f02014461.png" alt=" اسم الموضوع " width="200" height="150"></a>
       

    <a href="رابط الموضوع">
    <img src="http://cdn.top4top.co/i_d7f02014461.png" alt=" اسم الموضوع" width="200" height="150"></a>
    <a href="رابط الموضوع">
    <img src="http://cdn.top4top.co/i_d7f02014461.png" alt=" اسم الموضوع " width="200" height="150"></a>
    <a href="رابط الموضوع">
    <img src="http://cdn.top4top.co/i_d7f02014461.png" alt="  اسم الموضوع" width="200" height="150"></a>
         
    <a href="رابط الموضوع">
    <img src="http://cdn.top4top.co/i_d7f02014461.png" alt="اسم الموضوع" width="200" height="150"></a>
    <a href="رابط الموضوع">
    <img src="http://cdn.top4top.co/i_d7f02014461.png" alt="  اسم الموضوع" width="200" height="150"></a>
    <a href="رابط الموضوع">
    <img src="http://cdn.top4top.co/i_d7f02014461.png" alt="اسم الموضوع " width="200" height="150"></a>

    <a href="رابط الموضوع">
    <img src="http://cdn.top4top.co/i_d7f02014461.png" alt="  اسم الموضوع" width="200" height="150"></a>

    <a href="رابط الموضوع">
    <img src="http://cdn.top4top.co/i_d7f02014461.png" alt="اسم الموضوع" width="200" height="150"></a>
    <a href="رابط الموضوع">
    <img src="http://cdn.top4top.co/i_d7f02014461.png" alt="اسم الموضوع" width="200" height="150"></a>


    <!-- نهاية المجموعة الأولى -->
        </div>
        <div class="clearfix"></div>
        <a class="prev" id="foo1_prev" href="#"><span>prev</span></a>
        <a class="next" id="foo1_next" href="#"><span>next</span></a>
        <div class="pagination" id="foo1_pag"></div>
    </div></div><div class="br-cl"></div>