اذا كان لديك سؤال لا تتردد في التواصل 
www.maghrebest.com





مكتبة jquery ، فأنت بحاجة إلى لصق مباشرة قبل </head>

<script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>




2


تصميم و شكل سلايدر شو
 لصق مباشرة قبل </head> في القالب الخاص بك : 

<link rel="stylesheet" href="http://bxslider.com/lib/jquery.bxslider.css" type="text/css" />



الصق ما يلي قبل]]></b:skin> 

.bxslider img{
width:100%;
height:300px;
}
.bx-wrapper img {
display: inline !important;
} 


لصق قبل </head> مباشرة تفعيل اضافة سلايدر شو


<script src="http://bxslider.com/lib/jquery.bxslider.js"></script>

<script>

    $(document).ready(function() {

        $('.bxslider').bxSlider({

            auto: true,

            autoControls: true,

            captions: true

        });

    });

</script>




 لصق HTML التالي في منشورك
 
 <ul class="bxslider">
<li><img src="ImageURL1" title='CaptionGoesHere' /></li>
<li><img src="ImageURL2" title='CaptionGoesHere' /></li>
<li><img src="ImageURL3" title='CaptionGoesHere' /></li>
<li><img src="ImageURL4" title='CaptionGoesHere' /></li>
</ul>

ستحتاج إلى لصق عنوان url للصورة (لا تنس http: //)




اضافة رابط للصور | جعل الصور قابلة للنقر : 

<li><a href=“OUTGOING LINK"><img src=“IMAGE URL” title=“CAPTION GOES HERE" alt=“ALT TEXT GOES HERE" /></a></li>