مشكلة في كود السلايد شو ,,

كنت افضل ان يتم التعديل على الكود او شيئ من هذا القبيل ,, اذا لم يوجد بديل " فتم الحل " وشكرا لك اخي الكريم :)

كما ذكر لك المشرف الكود به اخطاء كثيرة
لو تريد سلايد شو اخر غير ماوضعه المشرف يوجد

نعم لو سمحت ,,

سلايد شو جديد بتقنية عالية بنرات متحركة
السلام عليكم ورحمة الله وبركاته
اقدم لكم  سلايد شو مطلوب بنرات متحركة
صورة للسلايد شو

https://i.servimg.com/u/f58/19/61/68/63/screen37.png
طريقة التركيب نضع اوﻻ الكود جافا
حمله من هنا هناااااا

من خلال لوحة الادارة. عناصر اضافية. HTML و JAVASCRIPT. اكواد javascript تفعيل اكواد javascript اختار نعم وسجل
ثم انشاء كود الاسم اي شئ اختار جميع صفحات وضع الكود الاتي الذي بالرابط

ثم ضع كود css الاتي من خلال لوحة الادارة. مظهر المنتدى. صور والوان. الوان. ورقة css وضع الكود الاتي

الكود:



.titel-slide {
    background: #222 none repeat scroll 0 0;
    display: block;
    height: 28px;
    margin: 0 auto;
    padding-top: 12px;
    text-align: center;
    width: auto;
}
.titel-slide strong {
    color: #fff;
    font-family: arial,sans-serif;
    font-size: 16px;
    line-height: 1;
    margin-right: -55px;
}
.titel-slide i {
    color: #fff;
    display: inline-block;
    float: right;
    font-family: "Batch";
    font-size: 21px;
    font-style: normal;
    font-weight: bolder;
    height: 28px;
    line-height: 0.7;
    margin-top: -12px;
    padding-top: 12px;
    text-align: center;
    width: 40px;
}
    
.image_carousel {
    padding-right: 3px;
    position: relative;
}
.image_carousel a {
    display: block;
    float: left;
}
.image_carousel img {
    background-color: #fff;
    border: 1px solid #ccc;
    display: block;
    float: left;
    margin: 5px;
    padding: 6px;
}
.image_carousel img:hover {
    border: 1px solid #ddd;
    box-shadow: 0 1px 5px #555;
}
.image_carousel:hover > a.prev {
    left: 20px;
    opacity: 1;
    overflow: visible;
}
.image_carousel:hover > a.next {
    opacity: 1;
    overflow: visible;
    right: 20px;
}
a.prev, a.next {
    cursor: pointer;
    opacity: 0;
    overflow: hidden;
    transition: all 0.5s ease 0s;
}
a.prev {
    background-image: url("https://i.servimg.com/u/f37/16/46/77/76/left10.png");
    background-repeat: no-repeat;
    display: block;
    height: 40px;
    left: -32px;
    position: absolute;
    top: 90px;
    width: 40px;
}
a.next {
    background-image: url("https://i.servimg.com/u/f37/16/46/77/76/right10.png");
    background-repeat: no-repeat;
    display: block;
    height: 40px;
    position: absolute;
    right: -32px;
    top: 90px;
    width: 40px;
}
a.prev:hover, a.next:hover {
    opacity: 0.7 !important;
}
a.prev span, a.next span {
    display: none;
}
.pagination {
    text-align: center;
}
.pagination a {
    display: inline-block;
    float: none;
    height: 15px;
    margin: 0 5px 0 0;
    width: 15px;
}
.pagination a.selected {
    background-color: #5490cc;
    background-position: -25px -300px;
    cursor: default;
}
.pagination a span {
    display: none;
}
    .titel-slide, .pagination a, a.prev, a.next, .nav-tab {
    background-color: #444;
}
.slider-sh {
    background: #222 none repeat scroll 0 0;
    border: 1px solid #222;
    margin: auto;
   }


وسجل
ثم ضع القالب الاتي من خلال لوحة الادارة .مظهر المنتدى. قوالب التومبلايت. ادارة عامة. قالب overall_header

الكود:


 <div style="width: 903px;margin: 0px auto;height: 190px;overflow: hidden;">
                                                                              
 <div class="image_carousel">
                                                                                  
 <div id="foo1">
                                                                              
 <!--                                       المجموعة الأولى                                       -->            
                             <a href="رابط الموضوع">  
                            <img src="https://i.imgur.com/pZby46i.png" alt="إعلانك هنا" style="width: 200px; height: 145px;" /></a>      
                          <a href="رابط الموضوع">  
                            <img src="https://i.imgur.com/pZby46i.png" alt="إعلانك هنا" style="width: 200px; height: 145px;" /></a>      
                          <a href="رابط الموضوع">  
                            <img src="https://i.imgur.com/pZby46i.png" alt="إعلانك هنا" style="width: 200px; height: 145px;" /></a>                                                                                                                        
                          <a href="http://www.theb3st.com/t57994-topic">  
                            <img src="https://i.imgur.com/pZby46i.png" alt="إعلانك هنا" style="width: 200px; height: 145px;" /></a>                                                                                                                                                                                
   <a href="رابط الموضوع">  
                            <img src="https://i.imgur.com/pZby46i.png" alt="إعلانك هنا" style="width: 200px; height: 145px;" /></a>      
                          <a href="رابط الموضوع">  
                            <img src="https://i.imgur.com/pZby46i.png" alt="إعلانك هنا" style="width: 200px; height: 145px;" /></a>      
                          <a href="رابط الموضوع">  
                            <img src="https://i.imgur.com/pZby46i.png" alt="إعلانك هنا" style="width: 200px; height: 145px;" /></a>                                                                                                                              
                          <a href="رابط الموضوع">  
                            <img src="https://i.imgur.com/pZby46i.png" alt="إعلانك هنا" style="width: 200px; height: 145px;" /></a>                                                                                                                                                                                
                          <a href="رابط الموضوع">  
                            <img src="https://i.imgur.com/pZby46i.png" alt="إعلانك هنا" style="width: 200px; height: 145px;" /></a>      
                          <a href="رابط الموضوع">  
                            <img src="https://i.imgur.com/pZby46i.png" alt="إعلانك هنا" style="width: 200px; height: 145px;" /></a>      
                          <a href="رابط الموضوع">  
                            <img src="https://i.imgur.com/pZby46i.png" alt="إعلانك هنا" style="width: 200px; height: 145px;" /></a>                                                                                                                                
                          <a href="رابط الموضوع">    
                            <img src="https://i.imgur.com/pZby46i.png" alt="إعلانك هنا" style="width: 200px; height: 145px;" /></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>
  
<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>
 <script type="text/javascript" language="javascript">
         $(function() {

        
            $('#foo2').carouFredSel({
               auto: true,
               prev: '#prev2',
               next: '#next2',
               pagination: false,
               mousewheel: true,
               swipe: {
                  onMouse: true,
                  onTouch: true
               }
            });

            

         });
      </script>                   


وكدة خلصنا الكود عبارة عن كود جافا وكود css وقالب في قالب overall_header
دمتم بخير

JoryAbdallah كتب:سلايد شو جديد بتقنية عالية بنرات متحركة
السلام عليكم ورحمة الله وبركاته
اقدم لكم  سلايد شو مطلوب بنرات متحركة
صورة للسلايد شو

https://i.servimg.com/u/f58/19/61/68/63/screen37.png
طريقة التركيب نضع اوﻻ الكود جافا
حمله من هنا هناااااا

من خلال لوحة الادارة. عناصر اضافية. HTML و JAVASCRIPT. اكواد javascript تفعيل اكواد javascript اختار نعم وسجل
ثم انشاء كود الاسم اي شئ اختار جميع صفحات وضع الكود الاتي الذي بالرابط

ثم ضع كود css الاتي من خلال لوحة الادارة. مظهر المنتدى. صور والوان. الوان. ورقة css وضع الكود الاتي

شكرا جزيلا لك على الكود لكن لما حطيت الكود في الجافاسكريبت ,, ظهر الكود بشكل افقي ( كما في الصورة ) ,, هل هذا سياثر على الكود ؟؟ 

ولما حطيت الكود في المنتدى التجريبي    من هنا لا تتحرك الصور فما المشكلة  ؟؟ 

OuSsaMa BeDdAi كتب:

الكود ادخل :

الأدارة / مظهر المنتدى / الصفحة الرئيسية / تشكيلات العامة وضع الكود 

الكود:

<div>
        <br />
</div>
<div>
                
 <div>
                  
 <div class="titel-slide">
         <strong>.::فعاليات المنتدى  ::.</strong>        
 </div>
              
 </div>
              
 <div>
              
 <div>
              
 <div class="image_carousel">
              
 <div>
                
 <div>
         <a href="#"> <img src="http://i21.servimg.com/u/f21/16/46/77/76/toon1410.jpg" alt="قريبا" style="width: 200px; height: 150px;" /></a>        
 </div>
                
 <div>
         <a href="#"> <img src="http://i21.servimg.com/u/f21/16/46/77/76/toon1410.jpg" alt="قريبا" style="width: 200px; height: 150px;" /></a>        
 </div>
                
 <div>
         <a href="#"> </a>        
 </div>
                
 <div>
          <a href="#"></a>        
 </div>
                
 <div>
         <a href="#"> <img src="http://i21.servimg.com/u/f21/16/46/77/76/toon1410.jpg" alt="قريبا" style="width: 200px; height: 150px;" /></a>        
 </div>
                
 <div>
         <a href="#"> </a>        
 </div>
                
 <div>
          <a href="#"></a>        
 </div>
                
 <div>
         <a href="#"> <img src="http://i21.servimg.com/u/f21/16/46/77/76/toon1410.jpg" alt="قريبا" style="width: 200px; height: 150px;" /></a>        
 </div>
                
 <div>
         <a href="#"> </a>        
 </div>
                
 <div>
          <a href="#"></a>        
 </div>
                
 <div>
 <br />  
 </div>
                
 <div>
         <a href="#"> </a>        
 </div>
                
 <div>
          <a href="#"></a>        
 </div>
                
 <div>
  <br />  
 </div>
                
 <div>
         <a href="#"> </a>        
 </div>
                
 <div>
      <br />      
 </div>
          
 <div>
     <br />      
 </div>
                
 <div>
         <a href="#"> </a>        
 </div>
                
 <div>
                  
 </div>
                
 </div>
                
 <div>
                  
 </div>
                
 </div>
                
 <div>
                  
 <div class="clearfix">
                
 </div>
                
 </div>
                
 <div>
          <a style="display: block;" class="prev" id="foo2_prev" href="#"><span>prev</span></a>        
 </div>
                
 <div>
          <a style="display: block;" class="next" id="foo2_next" href="#"><span>next</span></a>        
 </div>
                
 <div>
                  
 <div style="display: block;" class="pagination" id="foo2_pag">
                
 </div>
                
 <div>
          <a class="selected" href="#"><span>1</span></a>        
 </div>
                
 <div>
          <a class="" href="#"><span>2</span></a>        
 </div>
                
 <div>
                  
 </div>
                
 </div>
                
 <div>
                  
 </div>
                
 </div>
                
 <div>                  
 </div>
                
 </div>
                
 <div>
                  
 </div>
</div>
<div>
                  
</div><link media="all" href="http://www.anime-tooon.com/anime-tooon15/css/color/1.css" type="text/css" rel="stylesheet" /><link href="http://www.anime-tooon.com/anime-tooon15/css/css.css" type="text/css" rel="stylesheet" />

لمعاية السلايد  شو قم بدخول لمنتداي  من البيانات

شكرا لك اخي على الكود ,,,لكن المشكلة هو انه لا يتحرك ,,