| سلايد شو جميل | Slide show Html5 , Css3, jQuery
http://www.dzbatna.com/images/icons/iconrote.gif | ط³ظ„ط§ظٹط¯ ط´ظˆ ط¬ظ…ظٹظ„ | Slide show Html5 , Css3, jQuery
السلام عليكم و رحمة الله تعالى و بركاته
بسم الله الرحمان الحريم و الصلاة و السلام على أشرف المرسلين
سيدنا و حبيبنا محمد صلى الله عليه و سلم أما بعد
فأهلا بكم يا أهل ملتقى المبرمجين العرب ، بعد تلقينا لعدة طلبات
تطلب سلايد شو ، ها قد جئنا لكم بسلايد شو جميل و رائع
بالنسبة للاخوة الذين لا يعلمون ما معنى السلايد شو انه معرض صور صغير
تعرض فيه الصور بالتتالي اوتوماتيكيا
ساقوم بشرح طريقة كيفية تركيب installه على نسخة معينة و ساضع رابط التحميل ايضا اما تحملونه من الملفقات او من زر Download التالي مرفوع على ملتقى المبرمجين العرب
http://www.dev-arb.com/uploads/Files...1341172380.PNG http://www.dev-arb.com/uploads/Files...1341172395.PNG
و لتركبيه على نسخة فعلك تحميل من Donwload ثم فك الضغط ستجد مجلدان Images & Js
ضعهما على رابط نسختك حيث يكون رابطهما :
www.sitename.com/js و www.sitename.com/images
ثم تتوجه الى ملف Header الذي يفترض ان مساره سيكون : www.sitename.com/header.php
افتحه بالمحرر ثم اذهب الى وسم ضعه فيه الكود code الثالي
رمز PHP:
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">
h2{
color: red;
}
pre{
padding: 4px;
border: #F90 dotted 1px;
}
style>
<script type="text/javascript" src="js/jquery.min.js">
بعدها اتجه الى المكان الذي تود وضع فيه السلايد شو وضع الكود code التالي :
رمز PHP:
<div id="slideshow">
<ul>
<li>
<a href="#" ><img src="images/slideshow_large_1.jpg" alt="Sky" />a>
li>
<li>
<img src="images/slideshow_large_2.jpg" alt="Sea" />
li>
<li>
<a href="#" ><img src="images/slideshow_large_3.jpg" alt="Flower" />a>
li>
<li>
<a href="#" ><img src="images/slideshow_large_4.jpg" alt="Tree" />a>
li>
<li>
<a href="#" ><img src="images/slideshow_large_1.jpg" alt="Sky" />a>
li>
<li>
<a href="#" ><img src="images/slideshow_large_2.jpg" alt="Sea" />
a>
li>
<li>
<a href="#" ><img src="images/slideshow_large_3.jpg" alt="Flower" />a>
li>
<li>
<a href="#" ><img src="images/slideshow_large_4.jpg" alt="Tree" />a>
li><li>
<a href="#" ><img src="images/slideshow_large_1.jpg" alt="Sky" />a>
li>
<li>
<a href="#" ><img src="images/slideshow_large_2.jpg" alt="Sea" />
a>
li>
ul>
div>
مع التتعديل على الروابط ...
و السلام عليكم و رحمة الله تعالى و بركاته
اي استفسار انا موجود
الملفات المرفقة [TR]
http://www.traidnt.net/vb/images/attach/zip.gif Slideshow.zip (225.1 كيلوبايت, عدد مرات المشاهدة 175 مرة) [/TR]
https://fbcdn-sphotos-d-a.akamaihd.n...93518507_n.png
©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى©