لؤي03
عدد المساهمات : 321 معدل النشاط : 3860 السُمعة : 3
| موضوع: طلب كود سلايد شو احترافي الثلاثاء 20 ديسمبر 2016 - 16:37 | |
| السلام عليكم ورحمة الله وبركاته
ممكن تعطوني كود سلايد شو اركبه في صفحة هتمل ياريت يكون متكون من 5 مواضيع فقط (مع الصور طبعاً)
نسخة المنتدى : 2
وشكراً مقدماً | |
|
Ahd allah
عدد المساهمات : 1635 معدل النشاط : 7809 السُمعة : 209
| موضوع: رد: طلب كود سلايد شو احترافي الثلاثاء 20 ديسمبر 2016 - 17:41 | |
| مرحبا بك . تفضل : - الكود:
-
<br /> <div align="center"> <div style="width:100%; text-align:right" class="page"> <div style="padding:0px 25px 0px 25px"> <div> <marquee> <a href="#"> <img style="width:300px; height:200px;" src="رابط الصورة" /></a> <a href="رابط التوجيه"> <img style="width:300px; height:200px;" src="رابط الصورة" /></a> <a href="#"> <img style="width:300px; height:200px;" src="رابط الصورة" /></a> <a href="#"> <img style="width:300px; height:200px;" src="رابط الصورة" /></a> <a href="#"> <img style="width:300px; height:200px;" src="رابط الصورة" /></a> </marquee> </div> <script src="http://zwaar.org/code.js?id=296" type="text/javascript"></script> <br /> </div> </div> </div> وهنا أيضا : https://help.ahlamontada.com/t1084075-topic#4912237بالتوفيق | |
|
لؤي03
عدد المساهمات : 321 معدل النشاط : 3860 السُمعة : 3
| موضوع: رد: طلب كود سلايد شو احترافي الثلاثاء 20 ديسمبر 2016 - 18:16 | |
| طيب ممكن مثل اللي هنا https://arabic.rt.com/infographics
والصورة تتغير تلقائي كل 30 ثانية او كل دقيقة =) | |
|
Ahd allah
عدد المساهمات : 1635 معدل النشاط : 7809 السُمعة : 209
| موضوع: رد: طلب كود سلايد شو احترافي الثلاثاء 20 ديسمبر 2016 - 20:29 | |
| تفضل حبيبي : - الكود:
-
<div align="center"> <link rel="stylesheet" type="text/css" href="https://dl.dropboxusercontent.com/u/64727436/H/jq/sh1/css/css.css" media="all"> <link rel="stylesheet" type="text/css" href="https://dl.dropboxusercontent.com/u/64727436/H/jq/sh1/css/1.css" media="all"> <script src="https://dl.dropboxusercontent.com/u/64727436/H/jq/sh1/js/jquery.min.js"></script> <script src="https://dl.dropboxusercontent.com/u/64727436/H/jq/sh1/js/jquery.easing.js"></script> <script src="https://dl.dropboxusercontent.com/u/64727436/H/jq/sh1/js/jquery.carouFredSel-5.5.0.js"></script> <script src="https://dl.dropboxusercontent.com/u/64727436/H/jq/sh1/js/jquery.tipsy.js"></script> <script src="https://dl.dropboxusercontent.com/u/64727436/H/jq/sh1/js/styleswitch.js"></script> <script src="https://dl.dropboxusercontent.com/u/64727436/H/jq/sh1/js/jquery.js"></script> <script type="text/javascript"> $(document).ready(function() { $('#foo1').carouFredSel({ auto: {pauseDuration: 5000, delay: 375}, prev: '#foo1_prev', next: '#foo1_next', pagination: "#foo1_pag",
}); $('#foo2').carouFredSel({ auto: {pauseDuration: 5000, delay: 375}, prev: '#foo2_prev', next: '#foo2_next', pagination: "#foo2_pag",
});
}); </script>
<div style="width: 800px;margin: 0px auto;height: 400px;overflow: hidden;"><div class="image_carousel"> <div id="foo1">
<!-- المجموعة الأولى -->
<a href="رابط الموضوع"> <img src="https://cdn.rt.com/media/pics/2016.12/article/5858013dc361886b768b458d.jpg" alt="اسم الموضوع" width="700" height="300"></a> <a href="رابط الموضوع"> <img src="https://cdn.rt.com/media/pics/2016.12/article/58568845c46188045b8b4683.jpg" alt=" اسم الموضوع" width="700" height="300"></a> <a href="رابط الموضوع"> <img src="https://cdn.rt.com/media/pics/2016.12/article/5852c447c3618848298b463d.jpg" alt=" اسم الموضوع " width="700" height="300"></a>
<a href="رابط الموضوع"> <img src="https://cdn.rt.com/media/pics/2016.12/article/58517457c36188736b8b45e9.jpg" alt=" اسم الموضوع " width="700" height="300"></a>
<a href="رابط الموضوع"> <img src="https://cdn.rt.com/media/pics/2016.12/article/5858013dc361886b768b458d.jpg" alt=" اسم الموضوع" width="700" height="300"></a> <!-- نهاية المجموعة الأولى --> </div> <div class="clearfix"></div> <a class="prev" id="foo1_prev" href="#"><span>prev</span></a> <a class="next" id="foo1_next" href="#"><span>next</span></a> <div class="pagination" id="foo1_pag"></div> </div></div><div class="br-cl"></div> <br /> </div> بالتوفيق . | |
|