محتاجة كود ضروري =(

    <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>

<br />
        <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="http://tumblr-g.ace.st/">
        <img src="http://oi64.tinypic.com/w89vuq.jpg" alt=" اسم الموضوع " width="200" height="150"></a>
        <a href="http://tumblr-g.ace.st/">
        <img src="http://oi64.tinypic.com/w89vuq.jpg" alt="اسم الموضوع" width="200" height="150"></a>
             
        <a href="http://tumblr-g.ace.st/">
        <img src="http://oi64.tinypic.com/w89vuq.jpg" alt=" Classroom Crisis 2+3" width="200" height="150"></a>
        <a href="http://tumblr-g.ace.st/">
        <img src="http://oi64.tinypic.com/w89vuq.jpg" alt="اسم الموضوع" width="200" height="150"></a>
        <a href="http://tumblr-g.ace.st/">
        <img src="http://oi64.tinypic.com/w89vuq.jpg" alt=" اسم الموضوع" width="200" height="150"></a>
        <a href="http://tumblr-g.ace.st/">
        <img src="http://oi64.tinypic.com/w89vuq.jpg" 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>