الأخ الكريم ,
تحية طيبة وبعد
إليك Content Slider وجدته قريب إلى حد كبير للـContent Slider الخاص بالـMSN فمجرد أن تقوم ببعض التعديلات البسيطة على شكله سيصبح مشابهاً له تماماً
أدخل الكود التالي في منطقة الـ HEAD :
كود:
<link rel="stylesheet" type="text/css" href="contentslider.css" />
<script type="text/javascript" src="contentslider.js"></script>
وأدخل الكود التالي في منطقة الـ BODY :
كود:
<div id="slider1" class="contentslide">
<div class="opacitylayer">
<div class="contentdiv">
Content 1
</div>
<div class="contentdiv">
Content 2
</div>
<div class="contentdiv">
Content 3
</div>
</div>
</div>
<div class="pagination" id="paginate-slider1"></div>
<script type="text/javascript">
//Define: ContentSlider("slider_ID", [autorotate_miliseconds],
[custompaginatelinkstext], [customnextlinktext])
ContentSlider("slider1")
//OR ContentSlider("slider1", 3000)
//OR ContentSlider("slider1", 3000, linktextarray)
//OR ContentSlider("slider1", 3000, linktextarray, "Foward")
//OR ContentSlider("slider1", "", linktextarray)
//OR ContentSlider("slider1", "", "", "Foward")
</script>
قم بتحميل الملف المضغوط المرفق وقم بفك ضغطه داخل المجلد الموجوده به الصفحة المطلوب وضع الـContent Slider بها
يمكنك إجراء التعديلات حسب رغبتك في ملف الـCSS لكي تنسق الشكل المطلوب .
تحياتي لك ,
محمد مدحت