سلايدشو منزلق بمميزات رائعة لمدونات البلوجر

<style type="text/css">

 /* JavaScript Image Slider By http://mdonti-n.blogspot.com/ */

#mcis {
 display: none;
}

#sliderFrame {
 position: relative;
 width: 500px;
 margin: 0 auto;
        border:5px solid #000;
}

#ribbon {
 width: 111px;
 height: 111px;
 position: absolute;
 top: -4px;
 right: -4px;
}

#slider {
 width: 500px;
 height: 218px;
 background: #fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDbEXYWVf4LOzDc4JO9WHMl1onJzu27BbntcGjRImz9-mD1beTWvfEKrxkLMc-ZiuXzPx0oq_tKhPgbrjMZwVjwTueYo34MzypFlB7ND5GfZLdkiufuJyRxtGWzNi4t91HTmpaHA73bA/h120/mdonti-n.blogspot.com-loading.gif) no-repeat 50% 50%;
 position: relative;
 margin: 0 auto;
 box-shadow: 0px 1px 5px #999999;
}

#slider img {
 position: absolute;
 border: none;
 display: none;
}

#slider a.imgLink {
 z-index: 2;
 display: none;
 position: absolute;
 top: 0px;
 right: 0px;
 border: 0;
 padding: 0;
 margin: 0;
 width: 100%;
 height: 100%;
}

div.mc-caption-bg, div.mc-caption-bg2 {
 position: absolute;
 width: 100%;
 height: auto;
 padding: 0;
 right: 0px;
 bottom: 0px;
 z-index: 3;
 overflow: hidden;
 font-size: 0;
}

div.mc-caption-bg {
 background-color: black;
}

div.mc-caption {
 font: bold 15px/21px Arial;
 color: #EEE;
 z-index: 4;
 padding: 10px 0;
 text-align: center;
}

div.mc-caption a {
 color: #FB0;
}

div.mc-caption a:hover {
 color: #DA0;
}

div.navBulletsWrapper {
 top: 250px;
 right: 190px;
 width: 150px;
 background: none;
 padding-right: 20px;
 position: relative;
 z-index: 5;
 cursor: pointer;
}

div.navBulletsWrapper div {
 width: 11px;
 height: 11px;
 background: transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKu6iiloYOrr7ppmOOt34u7ermDXmIH2ii8tCj96P2-pT-Dq3GeEtSNXOZ-paEmDDL3QJSP5JaWtFPotQXILqfhbb64TbyYy1IsTnX1sgEEU2kgXz1Z5YNF2QNZg9DXA8YHrv9tfCauA/h120/mdonti-n.blogspot.com-bullet.png) no-repeat 0 0;
 float: right;
 overflow: hidden;
 vertical-align: middle;
 cursor: pointer;
 margin-left: 11px;
 _position: relative;
}

div.navBulletsWrapper div.active {
 background-position: 0 -11px;
}

#slider {
 transform: translate3d(0,0,0);
 -ms-transform: translate3d(0,0,0);
 -moz-transform: translate3d(0,0,0);
 -o-transform: translate3d(0,0,0);
 -webkit-transform: translate3d(0,0,0);
}
 </style>

<script src="http://my-mdonti.googlecode.com/files/js-image-slider.js" type="text/javascript"></script>

<div id="sliderFrame">
     <div id="ribbon"></div>
            <div id="slider">

<a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmT3FAfynBJ9XzX3h1aNnJlWLuf28odYilVqp4jh9f7Lh49kyJMIJfM2mhJlvSTOESY1RGnOX5dlxmA62N1OSZCdlzPlzlXh03BpR7kZJ3j40M3B8Y2tYmSdnOSlIB9n151BM_Uh2mag/s1600/mdonti-n.blogspot.com-1.jpg" alt="عارض الصور من مدونتي نت "/></a>

<a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1pNnVLIcSUK8Ge3JmoPLcbYyOi0DwWOqbH2wdsE63p_9WJ59VSFgPHd9mBqueMBBTpNpSAbzOw_D9XDXUQSqUck8dRDiGa3XTtfkk1uV93reY3uxPi_FCzRzc3PLjKYlcM9xI1z7a_A/s1600/mdonti-n.blogspot.com-2.jpg" alt="معرض الصور المنزلقةhttp://mdonti-n.blogspot.com"/></a>

<a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgr3HhpuW1xgJNX5qWhbnv52AUVr3mh16GDOCGj5bPlBD92iI-C2DkFnUZicwkGUMoPUK_6ZoGR9TfFxF6jEnm6jwvnJMGMEEa6oXmCPURVixZggSRuJbXDrB-jLXEhShGwFt4GxWbtig/s1600/mdonti-n.blogspot.com-3.jpg" alt="سلايد للصور مدونتي نت"/></a>

<a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEht0prgtL5PTVgu1c2_AYX1NEdyLh9oqn8MOI1O8Bm3f9HrHYqj1P8q3Xz2kxS3i_CvQv9QmXncMwwDjBUZdJo5aKNBnDMyqVOIYOKJvXBrZaI5uESS4ZvOJzUchCaK-7vcYVeCCmxcaA/s1600/mdonti-n.blogspot.com-4.jpg" alt="نقية جافا سكريبت. لا jQuery. لا فلاش."/></a>

<a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgikNpm5jWPuIBO-i2BMa3XQVvX5TXLp61EQzB1R8jD302EB8rFXy7TVmrywrefAISVtuQ0wDbVhyZfXiej_TFCTkDoiYhotFNDn9tcrcXCfDNDpyfvZ72r3q2nB9y_RTXj7_pOW0otow/s1600/mdonti-n.blogspot.com-5.jpg" alt="مدونتي نت"/></a>
                </div></div>

</a>