انشاء عرض شريحة من الصور جذاب لامحدود
السلام عليكم ورحمة الله وبركاته
لزيادة عدد الصور قم باضافة المزيد من هذا <img src=”URL Foto 4” />
طريقة انشاء عرض شريحة من الصور للمواقع والمدونات انها اضافة ممتازة وجميلة جدا تعطي الموقع او المدونة جمالية خاصة كما انها لها كثير من الفوائد وتلفت نظر الزائر اليها
لإنشاء مثل هذا العرض اتبع الخطوات التالية
اولا قم بنسخ الكود التالي
<script src=’http://yourjavascript.com/53816065231/Database5.js’ type=’text/javascript’></script>
<script type=”text/javascript” src=”http://yourjavascript.com/65160840132/cycle.js”></script>
<script type=”text/javascript”>
$(document).ready(function() {
$(‘#content-slider’).cycle({
fx: ‘fade’
});
});
</script>
<style type=”text/css”>
#content-slider {
position: relative;
width: 100%;
height: 250px;
overflow: hidden;
margin:0 auto;
}
#content-slider img {
display: block;
width: 100%;
height: 250px;
}
</style>
<div id=”content-slider”>
<img src=”URL Foto 1” />
<img src=”URL Foto 2” />
<img src=”URL Foto 3” />
<img src=”URL Foto 4” />
</div>
<script type=”text/javascript” src=”http://yourjavascript.com/65160840132/cycle.js”></script>
<script type=”text/javascript”>
$(document).ready(function() {
$(‘#content-slider’).cycle({
fx: ‘fade’
});
});
</script>
<style type=”text/css”>
#content-slider {
position: relative;
width: 100%;
height: 250px;
overflow: hidden;
margin:0 auto;
}
#content-slider img {
display: block;
width: 100%;
height: 250px;
}
</style>
<div id=”content-slider”>
<img src=”URL Foto 1” />
<img src=”URL Foto 2” />
<img src=”URL Foto 3” />
<img src=”URL Foto 4” />
</div>
لزيادة عدد الصور قم باضافة المزيد من هذا <img src=”URL Foto 4” />
قم باستبدال url foto1 باعنوان الصورة التي تريدها ان تظهر في عرض الشريحة كما انك تستطيع تغيير حجم العرض من خلال الارقام الموضوعة بالخط العريض
لاضافة هذا العرض الى مدونة بلوجر
. إذهب الى لوحة التحكم في المدونة
2.اختر تخطيط ثم اضافة اداة وقم بإختيار اداة javascript ثم انسخ الكود بالاعلى وضعه مكان الذي تريد أن يظهر به العرض
