طلب كود سلايد شو احترافي

اذهب الى الأسفل

طلب كود سلايد شو احترافي

مُساهمة من طرف لؤي03 في الثلاثاء 20 ديسمبر 2016 - 16:37

السلام عليكم ورحمة الله وبركاته

ممكن تعطوني كود سلايد شو اركبه في صفحة هتمل
ياريت يكون متكون من 5 مواضيع فقط (مع الصور طبعاً)

نسخة المنتدى : 2

وشكراً مقدماً
avatar
لؤي03
 
 

ذكر
عدد المساهمات : 418
معدل النشاط : 1398
السُمعة : 3

http://bank.ahlamontada.com/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

رد: طلب كود سلايد شو احترافي

مُساهمة من طرف Ahd allah في الثلاثاء 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>
وهنا أيضا :
http://help.ahlamontada.com/t1084075-topic#4912237
بالتوفيق
avatar
Ahd allah
 
 

ذكر
عدد المساهمات : 3026
معدل النشاط : 5334
السُمعة : 209

http://madany.moontada.net

الرجوع الى أعلى الصفحة اذهب الى الأسفل

رد: طلب كود سلايد شو احترافي

مُساهمة من طرف لؤي03 في الثلاثاء 20 ديسمبر 2016 - 18:16

طيب ممكن مثل اللي هنا https://arabic.rt.com/infographics

والصورة تتغير تلقائي كل 30 ثانية او كل دقيقة =)
avatar
لؤي03
 
 

ذكر
عدد المساهمات : 418
معدل النشاط : 1398
السُمعة : 3

http://bank.ahlamontada.com/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

رد: طلب كود سلايد شو احترافي

مُساهمة من طرف Ahd allah في الثلاثاء 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>
بالتوفيق .
avatar
Ahd allah
 
 

ذكر
عدد المساهمات : 3026
معدل النشاط : 5334
السُمعة : 209

http://madany.moontada.net

الرجوع الى أعلى الصفحة اذهب الى الأسفل

الرجوع الى أعلى الصفحة


 
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى