منتدى الدعم العربي لمنتديات أحلى منتدى
مرحبا بك في منتدى دعم منتديات AhlaMontada

لتتمكن من الإستمتاع بكافة ما يوفره لك هذا المنتدى من خصائص, يجب عليك أن تسجل الدخول الى حسابك في المنتدى. إن لم يكن لديك حساب بعد, نتشرف بدعوتك لإنشائه.


انشاء منتدى مجاني شبيه بهذا المنتدى

طلب كود سلايد شوو بشكل دوائر

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل

كاتب هذه المساهمة مطرود حالياً من المنتدى - معاينة المساهمة

رد: طلب كود سلايد شوو بشكل دوائر

مُساهمة من طرف Dr Godaddy في الأربعاء 3 سبتمبر 2014 - 2:31

تفضل
Cool Laughing
الكود:
<style type="text/css">
.carousel {
    border: medium none;
    height: auto;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    width: 930px;
}
.carousel .slides {
    border: medium none;
    height: 200px;
    list-style: none outside none;
    margin: 0;
    overflow: visible;
    padding: 0;
    position: relative;
}
.carousel .slides .slideItem {
    border: medium none;
    cursor: pointer;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
}
.carousel .slides .slideItem a {
    border: medium none;
    display: block;
    margin: 0;
    outline: medium none;
    padding: 0;
    text-decoration: none;
}
.carousel .slides .slideItem img {
    border: medium none;
    height: 100%;
    margin: 0;
    padding: 0;
    width: 100%;
}
.carousel .nextButton, .carousel .prevButton, .carousel .buttonNav .bullet, .carousel .buttonNav .bulletActive {
    background-color: transparent;
    background-image: url("http://i39.servimg.com/u/f39/12/22/94/86/icons10.png");
    background-position: 0 0;
    background-repeat: no-repeat;
}
.carousel .nextButton, .carousel .prevButton {
    cursor: pointer;
    height: 34px;
    position: absolute;
    top: 90px;
    width: 34px;
    z-index: 9999;
}
.carousel .nextButton {
    background-position: 0 -34px;
    left: 44px;
}
.carousel .nextButton:hover {
    background-position: -34px -34px;
}
.carousel .nextButton:active {
    background-position: -68px -34px;
}
.carousel .prevButton {
    background-position: 0 0;
    right: 44px;
}
.carousel .prevButton:hover {
    background-position: -34px 0;
}
.carousel .prevButton:active {
    background-position: -68px 0;
}
.carousel .buttonNav {
    margin: 0 auto;
    position: relative;
    z-index: 999;
}
.carousel .buttonNav .numbers {
    cursor: pointer;
    float: left;
    margin: 5px;
    position: relative;
}
.carousel .buttonNav .numbers:hover {
}
.carousel .buttonNav .numberActive {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #000;
    cursor: default;
}
.carousel .buttonNav .bullet {
    background-position: -16px -68px;
    cursor: pointer;
    float: right;
    height: 16px;
    margin: 5px;
    position: relative;
    width: 16px;
}
.carousel .buttonNav .bullet:hover {
    background-position: 0 -68px;
}
.carousel .buttonNav .bulletActive {
    background-position: 0 -68px;
    cursor: default;
}
.carousel .shadow {
    height: 26px;
    width: 100%;
}

.carousel .shadow .shadowMiddle {
    background: url("http://i39.servimg.com/u/f39/12/22/94/86/shadow11.png") repeat-x scroll 0 0 rgba(0, 0, 0, 0);
    height: 15px;
}
.carousel .shadow .shadowRight {
    background: url("http://i39.servimg.com/u/f39/12/22/94/86/shadow10.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 15px;
    width: 69px;
}
.carousel {
    border: medium none;
    height: auto;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    width: 930px;
}
.carousel .slides {
    border: medium none;
    height: 200px;
    list-style: none outside none;
    margin: 0;
    overflow: visible;
    padding: 0;
    position: relative;
}
.carousel .slides .slideItem {
    border: medium none;
    cursor: pointer;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
}
.carousel .slides .slideItem a {
    border: medium none;
    display: block;
    margin: 0;
    outline: medium none;
    padding: 0;
    text-decoration: none;
}
.carousel .slides .slideItem img {
    border: medium none;
    height: 100%;
    margin: 0;
    padding: 0;
    width: 100%;
}

.carousel .nextButton, .carousel .prevButton {
    cursor: pointer;
    height: 34px;
    position: absolute;
    top: 90px;
    width: 34px;
    z-index: 9999;
}
.carousel .nextButton {
    background-position: 0 -34px;
    left: 44px;
}

</style> <script src="https://layalyeg1.googlecode.com/svn/trunk/سلايد شو دائري/layalyeg.js" type="text/javascript"></script><script src="https://layalyeg1.googlecode.com/svn/trunk/سلايد شو دائري/layalyeg1.js" type="text/javascript"></script><script type="text/javascript">
  $(document).ready(function(){$('.carousel').carousel({carouselWidth:930,
  carouselHeight:240, frontWidth: 220,hMargin: 0.7, vMargin: 0.2,frontHeight: 220, buttonNav:'bullets',
  slidesPerScroll: 6, directionNav:true, shadow:true, autoplay: true, reflection:false });});</script>

            <div id="atab">
               <div class="carousel">
                  
                  <div class="slides">
                     <div>
                        <a href="http://www.layalyeg.com/"><img title="تحويل ليالي مصريه" src="http://i39.servimg.com/u/f39/12/22/94/86/slide110.png" /></a>
                     </div>
                     <div>
                        <a href="http://www.layalyeg.com/"><img title="تحويل ليالي مصريه" src="http://i39.servimg.com/u/f39/12/22/94/86/slide210.png" /></a>
                     </div>
                     <div>
                        <a href="http://www.layalyeg.com/"><img title="تحويل ليالي مصريه" src="http://i39.servimg.com/u/f39/12/22/94/86/slide310.png" /></a>
                     </div>
                     <div>
                        <a href="http://www.layalyeg.com/"><img title="تحويل ليالي مصريه" src="http://i39.servimg.com/u/f39/12/22/94/86/slide410.png" /></a>
                     </div>
                     <div>
                        <a href="http://www.layalyeg.com/"><img title="تحويل ليالي مصريه" src="http://i39.servimg.com/u/f39/12/22/94/86/slide510.png" /></a>
                     </div>
                     <div>
                        <a href="http://www.layalyeg.com/"><img title="تحويل ليالي مصريه" src="http://i39.servimg.com/u/f39/12/22/94/86/slide610.png" /></a>
                     </div>
                     <div>
                        <a href="http://www.layalyeg.com/"><img title="تحويل ليالي مصريه" src="http://i39.servimg.com/u/f39/12/22/94/86/slide710.png" /></a>
                     </div>
                     <div>
                        <a href="http://www.layalyeg.com/"><img title="تحويل ليالي مصريه" src="http://i39.servimg.com/u/f39/12/22/94/86/slide810.png" /></a>
                     </div>

      </div>
   </div>
</div>
avatar
Dr Godaddy
 
 

ذكر
عدد المساهمات : 982
معدل النشاط : 2472

http://www.a7la-masry.com/

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

رد: طلب كود سلايد شوو بشكل دوائر

مُساهمة من طرف MR.KA!TO10 في الأربعاء 3 سبتمبر 2014 - 4:22

اخي هذا رابط موضوعي الي اخذته منه ههههه 
الكود ناقصه جافا للأسف
avatar
MR.KA!TO10
 
 

ذكر
عدد المساهمات : 829
معدل النشاط : 2600

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

رد: طلب كود سلايد شوو بشكل دوائر

مُساهمة من طرف Mohamed Nsr في الأربعاء 3 سبتمبر 2014 - 15:36

للاسف يا غالي الذي يوجد حاليا في منتدى الدعم كود سلايد شو احترافى




 أدوات الصيانة لأحلى المنتديات / طريقة طلب كلمة سر/ قائمة بكل مواضيع الاســئلة الشائعة
--------------------------------------------------
 تنبيه: لا تضع أبداً ايميل الإنشاء في مساهماتك و لا تعطيه لأحد!
 لا يتم المساعدة على الخاص! 


avatar
Mohamed Nsr
احلى إدارة
احلى إدارة

ذكر
عدد المساهمات : 13360
معدل النشاط : 12753

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

كاتب هذه المساهمة مطرود حالياً من المنتدى - معاينة المساهمة

استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة


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