الموضوع
اقرأ ايضًا
التعليقات
عن الكاتب
تعليمات
1. إبحث عن </body> وضع الكود التالي فوقه
<script src='//googledrive.com/host/0B0LkZloPKBfWRXVIS0x6RFlQQjg'/>
<script type='text/javascript'>
jQuery( document ).ready(function( $ ) {
$( '#my-slider' ).sliderPro();
});
</script>
2. بعدها إبحث عن </head> وضع الكود التالي فوقه<link href='//googledrive.com/host/0B0LkZloPKBfWNHQ2TDVGYkpZRFU' rel='stylesheet'/>
3. إذهب إلى التخطيط وأضف أداة Html/Javascript بالمكان الذي يناسبك وضع بها الكود الآتي<div class="slider-pro" id="my-slider">
<div class="sp-slides">
<!-- Slide 1 -->
<div class="sp-slide">
<a href="#" target="_blank"><img class="sp-image" src="http://3.bp.blogspot.com/-7VgyBrRkJ3E/VfgUc-QjMMI/AAAAAAAAI38/GIgR1JewiJY/s1600/Pro1.png"/></a>
</div>
<!-- Slide 2 -->
<div class="sp-slide">
<a href="#" target="_blank"> <img class="sp-image" src="http://3.bp.blogspot.com/-h0KxM6-112I/Vd4qB8DabXI/AAAAAAAALJw/qjE4HfTk_BU/s1600/Tag%2Band%2BStyling%2BVienna%2BLite%2B2.jpg"/></a>
</div>
<!-- Slide 3 -->
<div class="sp-slide">
<a href="#" target="_blank"> <img class="sp-image" src="http://4.bp.blogspot.com/-FJm4YwkDRmk/U82_7bos97I/AAAAAAAAEoQ/qXsRwHK9oiA/s1600/2014_rio_2_movie-1280x800.jpg"/></a>
</div>
<!-- Slide 4 -->
<div class="sp-slide">
<a href="#" target="_blank"> <img class="sp-image" src="http://2.bp.blogspot.com/-LIVivboMUw4/VebWlcwjWkI/AAAAAAAAIo4/jVLxjPxhehw/s1600/nickwordc.jpg"/></a>
</div>
<!-- Slide 5 -->
<div class="sp-slide">
<a href="#" target="_blank"> <img class="sp-image" src="http://1.bp.blogspot.com/-T-2rWKFugBk/VL0Abkjb7rI/AAAAAAAAHFA/5sLSInli3WI/s1600/work_03.png"/></a>
</div>
<!-- Slide 6 -->
<div class="sp-slide">
<a href="#" target="_blank"> <img class="sp-image" src="http://1.bp.blogspot.com/-9TnEjf3WVUI/VR2wajmlDRI/AAAAAAAAHbQ/S_GCiA7-R8Y/s1600/6.jpg"/></a>
</div>
</div>
</div>
* كل الصور محددة باللون الأخضر تغير بخاصتك
* الهاشتاج # ضع بدله رابط الموضوع
<!-- Slide 7 -->
<div class="sp-slide">
<a href="رابط الموضوع" target="_blank"> <img class="sp-image" src="رابط الصورة"/></a>
</div>
وهكذا يمكنك إضافة صورة 8 و 9... عبر تكرار الكود بعد </div> الكود السابق
ملحوظة:
يسعدنا تفاعلكم بالتعليق، لكن يرجى مراعاة الشروط التالية لضمان نشر التعليق
1أن يكون التعليق خاص بمحتوى التدوينة
2أن لا تضع أي روابط خارجية
3لإضافة كود حوله أولاً بمحول الأكواد
4أي سؤال خارج محتوى التدوينة يرجى استخدام ركن الأسئلة
5😊😉😀😁😎😍😜😑😇💖😯😱😭👍❓🍻
إرشادات
- موقع : Mediafire
- موقع :file-upload
- باسوورد فك الضغط للملفات المضغوطة : Ar1web2014
- تجدون روابط التحميل في القوالب والملحقات بجانب التدوينة أي بالسيدبار
- كل ملحق أو قالب يوجد بالمدونة هو للإستعمال الشخصي فقط
- إن تواجد رابط معطوب فالمرجو التبليغ عنه هنا، شكرا.
تحميل الملفات
أين تجدنا؟
كلمة الختام
أخر تعديل كان في يوم السبت 20 يونيو من سنة 2020 ، هذه الصفحة قابلة للتعديل وقت اللزوم
مفيش حل ادخليه فى نص الموضوع ؟
ردحذفمخصص للصور فقط أخي
حذفالله عليك سلايدر ما شفت زيه الله عليك شكرااااااا وألف شكرااا
ردحذفنورت بتعليقك المشبع بالحيوية أخي أحييك جدا
حذفممكن ان اعملها في الموضوع يعني داخل الموضوع لصور ؟؟
ردحذفنعم يمكنك ضع الكود 3 داخل الموضوع بتبويب HTML
حذفشكراأأأأأ يا رائع دائماً مبدع ليس غريب عليك ^_^ استمر
ردحذفشكرآآا لك حبيبي
ردحذفممكن كيف ازيد سرعة التغير الصور
حلمى
ردحذفجميل
ردحذفأهلًا حسام الحبوب، باركك الله ع السلايدر المتناسق
ردحذفوالشرح الجميل، لدي استفسار وحسب، ألا يمكن تغيير
أبعاد السلايدر؟ أحب أخليها شوية عريضة وأكثر طولًا :/
أهلا بك أخي... السلايدر يتغير حجمه على حسب المكان، لكن التعديل على مقاسه سيخرب المظهر قد جربت فعلا
ردحذفالاضافةجميلة لكن فيها مشكل أن الصور تتغير بشكل عشوائي لو ممكن تقولي كيف أجعلها تتغير بشكل منتظم يعني كل 3 ثواني مثلا تتغير الصور ... شكرا
ردحذفوذلك هو المراد اخي في هذا السلايدر... سيكون هناك سلايدر يتغير يدويا وتلقائيا فلتبقى على اطلاع
حذفاخي السيدر شو لا يعمل لماذا
ردحذفاخي اريد عرض اكثر من واحد في الصفحة الرئيسية ساعدني؟؟
ردحذف